Compare commits
15
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
55f13bb47b | ||
|
|
e785a99b7d | ||
|
|
470a474d70 | ||
|
|
9fffe228d5 | ||
|
|
e7827c4714 | ||
|
|
fc6e9915a6 | ||
|
|
ab9d199fe3 | ||
|
|
863f0fe850 | ||
|
|
ce5f5a956f | ||
|
|
c94a009caf | ||
|
|
12187283cc | ||
|
|
0e105c78e1 | ||
|
|
e1ac017a3c | ||
|
|
066f1c623c | ||
|
|
d660d6fcf1 |
@@ -1,37 +0,0 @@
|
|||||||
---
|
|
||||||
description: PDA 小屏界面字号与排版标准(以手动进仓页为准)
|
|
||||||
alwaysApply: true
|
|
||||||
---
|
|
||||||
|
|
||||||
# PDA 字号标准
|
|
||||||
|
|
||||||
本项目面向工业 PDA 小屏。新增/改版业务页时,**以后台手动进仓页**(`storeFabricManualIn.vue`)的字号为准,不要用偏小的默认字号。
|
|
||||||
|
|
||||||
共用变量:`@import '@/common/pda-typography.scss';`(或等价路径)。
|
|
||||||
|
|
||||||
## 字号(rpx)
|
|
||||||
|
|
||||||
| 用途 | 字号 | 变量 |
|
|
||||||
|------|------|------|
|
|
||||||
| 表单标签 / 正文 / 输入值 | **36** | `$pda-font-body` |
|
|
||||||
| 扫码输入框 | **36** | `$pda-font-body` |
|
|
||||||
| 占位提示 | **34** | `$pda-font-placeholder` |
|
|
||||||
| 行内操作(取消/修改) | **34** | `$pda-font-action` |
|
|
||||||
| 单位角标(如 KG) | **32** | `$pda-font-unit` |
|
|
||||||
| 顶栏次要文字(设置等) | **32** | `$pda-font-nav-sub` |
|
|
||||||
| 主按钮文字 | **36** | `$pda-font-button` |
|
|
||||||
| 弹层标题 / 选项 | **36** | `$pda-font-popup-title` / `$pda-font-popup-item` |
|
|
||||||
| 弹层取消 / 空态 | **34** | `$pda-font-popup-sub` |
|
|
||||||
|
|
||||||
## 行高与触控
|
|
||||||
|
|
||||||
- 列表行最小高度约 **100rpx**,可略加上下 padding
|
|
||||||
- 扫码输入框高度约 **100rpx**
|
|
||||||
- 主按钮高度约 **92rpx**
|
|
||||||
- 标签列宽约 **200rpx**(中文四字标签)
|
|
||||||
|
|
||||||
## 注意
|
|
||||||
|
|
||||||
- 登录环境选择、出仓明细等已放大过的页面,新改动保持不低于上表
|
|
||||||
- 不要为了“好看”再缩小字号;宁可少露内容、可滚动,也要可读
|
|
||||||
- 选择类弹层(如 `SearchSelectPopup`)与表单页使用同一套字号
|
|
||||||
@@ -1,6 +1,5 @@
|
|||||||
NODE_ENV = production
|
NODE_ENV = production
|
||||||
VUE_APP_ENV_NAME = zhoushang环境
|
VUE_APP_ENV_NAME = zhoushang环境
|
||||||
VUE_APP_UPGRADE_NAME = erp_pda_zhoushang_zhichang
|
VUE_APP_UPGRADE_NAME = erp_pda_zhoushang
|
||||||
VUE_APP_UPGRADE_CDN_PREFIX = https://zsfzcdn.yushangfangzhi.com/version/erp_pda_zhoushang_zhichang
|
VUE_APP_PRODUCTION_API_URL = https://hcscmtest.zzfzyc.com/hcscm_weave/pda/v1
|
||||||
VUE_APP_PRODUCTION_API_URL = https://zszc.yushangfangzhi.com/hcscm_weave/pda/v1
|
VUE_APP_DEV_API_URL = https://hcscmtest.zzfzyc.com/hcscm_weave/pda/v1
|
||||||
VUE_APP_DEV_API_URL = https://zszc.yushangfangzhi.com/hcscm_weave/pda/v1
|
|
||||||
|
|||||||
@@ -0,0 +1,5 @@
|
|||||||
|
NODE_ENV = development
|
||||||
|
VUE_APP_ENV_NAME = 本地穿透环境
|
||||||
|
VUE_APP_UPGRADE_NAME = erp_pda_dev
|
||||||
|
VUE_APP_PRODUCTION_API_URL = https://2yd52gx88533.vicp.fun/hcscm/pda/v1
|
||||||
|
VUE_APP_DEV_API_URL = https://2yd52gx88533.vicp.fun/hcscm/pda/v1
|
||||||
+2
-2
@@ -1,5 +1,5 @@
|
|||||||
NODE_ENV = development
|
NODE_ENV = development
|
||||||
VUE_APP_ENV_NAME = zhisheng环境
|
VUE_APP_ENV_NAME = zhisheng环境
|
||||||
VUE_APP_UPGRADE_NAME = erp_pda_pre
|
VUE_APP_UPGRADE_NAME = erp_pda_pre
|
||||||
VUE_APP_PRODUCTION_API_URL = https://hcscmpre.zzfzyc.com/hcscm_weave/pda/v1
|
VUE_APP_PRODUCTION_API_URL = https://hcscmpre.zzfzyc.com/hcscm/pda/v1
|
||||||
VUE_APP_DEV_API_URL = https://hcscmpre.zzfzyc.com/hcscm_weave/pda/v1
|
VUE_APP_DEV_API_URL = https://hcscmpre.zzfzyc.com/hcscm/pda/v1
|
||||||
|
|||||||
+3
-4
@@ -1,6 +1,5 @@
|
|||||||
NODE_ENV = production
|
NODE_ENV = production
|
||||||
VUE_APP_ENV_NAME = zhoushang环境
|
VUE_APP_ENV_NAME = zhoushang环境
|
||||||
VUE_APP_UPGRADE_NAME = erp_pda_zhoushang_zhichang
|
VUE_APP_UPGRADE_NAME = erp_pda_zhoushang
|
||||||
VUE_APP_UPGRADE_CDN_PREFIX = https://zsfzcdn.yushangfangzhi.com/version/erp_pda_zhoushang_zhichang
|
VUE_APP_PRODUCTION_API_URL = https://hcscmtest.zzfzyc.com/hcscm_weave/pda/v1
|
||||||
VUE_APP_PRODUCTION_API_URL = https://zszc.yushangfangzhi.com/hcscm_weave/pda/v1
|
VUE_APP_DEV_API_URL = https://hcscmtest.zzfzyc.com/hcscm_weave/pda/v1
|
||||||
VUE_APP_DEV_API_URL = https://zszc.yushangfangzhi.com/hcscm_weave/pda/v1
|
|
||||||
|
|||||||
+2
-1
@@ -10,6 +10,7 @@
|
|||||||
"build:app-plus:zhisheng": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode zhisheng",
|
"build:app-plus:zhisheng": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode zhisheng",
|
||||||
"build:app-plus:zhoushang": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode zhoushang",
|
"build:app-plus:zhoushang": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode zhoushang",
|
||||||
"build:app-plus:mes": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode mes",
|
"build:app-plus:mes": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode mes",
|
||||||
|
"build:app-plus:devlocal": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build --mode devlocal",
|
||||||
"build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
|
"build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
|
||||||
"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
|
"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
|
||||||
"build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
|
"build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
|
||||||
@@ -30,6 +31,7 @@
|
|||||||
"dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
|
"dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
|
||||||
"dev:app-plus:zhisheng": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch --mode zhisheng",
|
"dev:app-plus:zhisheng": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch --mode zhisheng",
|
||||||
"dev:app-plus:mes": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch --mode mes",
|
"dev:app-plus:mes": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch --mode mes",
|
||||||
|
"dev:app-plus:devlocal": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch --mode devlocal",
|
||||||
"dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
|
"dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
|
||||||
"dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
|
"dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
|
||||||
"dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
|
"dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
|
||||||
@@ -48,7 +50,6 @@
|
|||||||
"dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
|
"dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
|
||||||
"dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
|
"dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
|
||||||
"info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
|
"info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
|
||||||
"upload:apk": "node scripts/upload-apk.js",
|
|
||||||
"serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
|
"serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
|
||||||
"test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
|
"test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
|
||||||
"test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
|
"test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
|
||||||
|
|||||||
@@ -1,333 +0,0 @@
|
|||||||
/**
|
|
||||||
* 上传已打包的 PDA APK,等价于 ERP「开发者资源上传」里的安装包上传。
|
|
||||||
*
|
|
||||||
* 用法:
|
|
||||||
* npm run upload:apk -- --file D:\path\app.apk --target test
|
|
||||||
* npm run upload:apk -- --file D:\path\app.apk --target prod
|
|
||||||
* npm run upload:apk -- --file D:\path\app.apk --target test --mode zhisheng
|
|
||||||
*
|
|
||||||
* --target 只决定 APK 放到哪套 CDN:
|
|
||||||
* test 测试 CDN
|
|
||||||
* prod 正式 CDN
|
|
||||||
* 两者没有别的差别。生产环境的 PDA 也可以从测试 CDN 下载并安装。
|
|
||||||
*
|
|
||||||
* 版本号取 src/manifest.json 的 versionName。
|
|
||||||
* 场景值取对应 .env 的 VUE_APP_UPGRADE_NAME,拼成 /version/{upgradeName}/{version}.apk。
|
|
||||||
* 版本包上传成功后,再把同一份安装包上传为 /version/{upgradeName}/latest.apk。
|
|
||||||
* 运行时输入 ERP 手机号和密码获取 token。多个账套时再选择一次。
|
|
||||||
*/
|
|
||||||
const fs = require('fs');
|
|
||||||
const path = require('path');
|
|
||||||
const readline = require('readline');
|
|
||||||
|
|
||||||
const ROOT = path.resolve(__dirname, '..');
|
|
||||||
const UPYUN_API = 'https://v0.api.upyun.com';
|
|
||||||
const DEFAULT_API_BASE = 'https://hcscmtest.zzfzyc.com/hcscm_weave';
|
|
||||||
const DEFAULT_CDN_HOST = {
|
|
||||||
test: 'https://testhcscm.cdn.zzfzyc.com',
|
|
||||||
prod: 'https://hcscm.cdn.zzfzyc.com',
|
|
||||||
};
|
|
||||||
/** 织厂环境签到 zhoushang 空间,下载域名与 ERP 相同 */
|
|
||||||
const MODE_UPLOAD = {
|
|
||||||
zhoushang: {
|
|
||||||
apiBase: 'https://zszc.yushangfangzhi.com/hcscm_weave',
|
|
||||||
cdnHost: 'https://zsfzcdn.yushangfangzhi.com',
|
|
||||||
status: 1,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const MODE_ENV = {
|
|
||||||
zhoushang: '.env.zhoushang',
|
|
||||||
zhisheng: '.env.zhisheng',
|
|
||||||
mes: '.env.mes',
|
|
||||||
cjt: '.env.cjt',
|
|
||||||
};
|
|
||||||
|
|
||||||
function parseArgs(argv) {
|
|
||||||
const args = { mode: 'zhoushang' };
|
|
||||||
for (let i = 0; i < argv.length; i += 1) {
|
|
||||||
const key = argv[i];
|
|
||||||
const value = argv[i + 1];
|
|
||||||
if (key === '--file' || key === '--target' || key === '--mode' || key === '--version' || key === '--phone' || key === '--password' || key === '--tenant') {
|
|
||||||
args[key.slice(2)] = value;
|
|
||||||
i += 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return args;
|
|
||||||
}
|
|
||||||
|
|
||||||
function readEnvValue(filePath, name) {
|
|
||||||
const text = fs.readFileSync(filePath, 'utf8');
|
|
||||||
const line = text.split(/\r?\n/).find((item) => item.trim().startsWith(`${name}`));
|
|
||||||
if (!line) return '';
|
|
||||||
const raw = line.slice(line.indexOf('=') + 1).trim();
|
|
||||||
return raw.replace(/^['"]|['"]$/g, '');
|
|
||||||
}
|
|
||||||
|
|
||||||
function readManifestVersion() {
|
|
||||||
const manifest = JSON.parse(fs.readFileSync(path.join(ROOT, 'src/manifest.json'), 'utf8'));
|
|
||||||
return String(manifest.versionName || '').trim();
|
|
||||||
}
|
|
||||||
|
|
||||||
function ask(question) {
|
|
||||||
const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
rl.question(question, (answer) => {
|
|
||||||
rl.close();
|
|
||||||
resolve(String(answer || '').trim());
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function askPassword(question) {
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
const stdin = process.stdin;
|
|
||||||
const stdout = process.stdout;
|
|
||||||
if (!stdin.isTTY || typeof stdin.setRawMode !== 'function') {
|
|
||||||
ask(question).then(resolve);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
stdout.write(question);
|
|
||||||
stdin.setRawMode(true);
|
|
||||||
stdin.resume();
|
|
||||||
stdin.setEncoding('utf8');
|
|
||||||
let value = '';
|
|
||||||
const onData = (char) => {
|
|
||||||
switch (char) {
|
|
||||||
case '\n':
|
|
||||||
case '\r':
|
|
||||||
case '\u0004':
|
|
||||||
stdin.setRawMode(false);
|
|
||||||
stdin.pause();
|
|
||||||
stdin.removeListener('data', onData);
|
|
||||||
stdout.write('\n');
|
|
||||||
resolve(value);
|
|
||||||
break;
|
|
||||||
case '\u0003':
|
|
||||||
process.exit();
|
|
||||||
break;
|
|
||||||
case '\u007f':
|
|
||||||
case '\b':
|
|
||||||
value = value.slice(0, -1);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
value += char;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
stdin.on('data', onData);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function apiJson(apiBase, urlPath, { method = 'GET', token, body } = {}) {
|
|
||||||
const headers = { Platform: '1' };
|
|
||||||
if (token) headers.Authorization = token;
|
|
||||||
if (body) headers['Content-Type'] = 'application/json';
|
|
||||||
const res = await fetch(`${apiBase}${urlPath}`, {
|
|
||||||
method,
|
|
||||||
headers,
|
|
||||||
body: body ? JSON.stringify(body) : undefined,
|
|
||||||
});
|
|
||||||
const data = await res.json().catch(() => ({}));
|
|
||||||
if (!res.ok || data.code !== 0) {
|
|
||||||
throw new Error(data.msg || `请求失败(HTTP ${res.status})`);
|
|
||||||
}
|
|
||||||
return data.data || {};
|
|
||||||
}
|
|
||||||
|
|
||||||
async function login(apiBase, { phone: phoneArg, password: passwordArg, tenant: tenantArg } = {}) {
|
|
||||||
const phone = phoneArg || await ask('手机号: ');
|
|
||||||
const password = passwordArg || await askPassword('密码: ');
|
|
||||||
if (!phone || !password) {
|
|
||||||
throw new Error('请输入手机号和密码');
|
|
||||||
}
|
|
||||||
console.log('正在登录...');
|
|
||||||
const first = await apiJson(apiBase, '/admin/v1/login', {
|
|
||||||
method: 'POST',
|
|
||||||
body: { phone, password },
|
|
||||||
});
|
|
||||||
const tempToken = first.token;
|
|
||||||
if (!tempToken) throw new Error('登录未返回 token');
|
|
||||||
|
|
||||||
const dropdown = await apiJson(apiBase, '/admin/v1/tenantManagement/dropdownList', {
|
|
||||||
token: tempToken,
|
|
||||||
});
|
|
||||||
const tenants = dropdown.list || [];
|
|
||||||
if (!tenants.length) return tempToken;
|
|
||||||
|
|
||||||
let tenant = tenants[0];
|
|
||||||
if (tenants.length > 1) {
|
|
||||||
if (tenantArg) {
|
|
||||||
const picked = Number(tenantArg);
|
|
||||||
tenant = tenants[picked - 1];
|
|
||||||
if (!tenant) throw new Error('账套序号无效');
|
|
||||||
} else {
|
|
||||||
console.log('请选择账套:');
|
|
||||||
tenants.forEach((item, index) => {
|
|
||||||
const name = item.company_name || item.database_name || item.tenant_contacts || item.tenant_management_id;
|
|
||||||
console.log(` ${index + 1}. ${name}`);
|
|
||||||
});
|
|
||||||
const picked = Number(await ask('序号: '));
|
|
||||||
tenant = tenants[picked - 1];
|
|
||||||
if (!tenant) throw new Error('账套序号无效');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const second = await apiJson(apiBase, '/admin/v1/login', {
|
|
||||||
method: 'POST',
|
|
||||||
token: tempToken,
|
|
||||||
body: {
|
|
||||||
token: tempToken,
|
|
||||||
tenant_management_id: tenant.tenant_management_id,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
if (!second.token) throw new Error('选择账套后未返回 token');
|
|
||||||
return second.token;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getCdnSign({ apiBase, token, saveKey, status }) {
|
|
||||||
const url = new URL(`${apiBase}/admin/v1/cdn/token`);
|
|
||||||
url.searchParams.set('method', 'post');
|
|
||||||
url.searchParams.set('save_key', saveKey);
|
|
||||||
url.searchParams.set('status', String(status));
|
|
||||||
const res = await fetch(url, {
|
|
||||||
headers: {
|
|
||||||
Authorization: token,
|
|
||||||
Platform: '1',
|
|
||||||
},
|
|
||||||
});
|
|
||||||
const body = await res.json();
|
|
||||||
if (!res.ok || body.code !== 0) {
|
|
||||||
throw new Error(body.msg || `获取签名失败(HTTP ${res.status})`);
|
|
||||||
}
|
|
||||||
return body.data || {};
|
|
||||||
}
|
|
||||||
|
|
||||||
async function uploadToUpyun({ bucket, authorization, policy, filePath, fileName }) {
|
|
||||||
const buf = fs.readFileSync(filePath);
|
|
||||||
const form = new FormData();
|
|
||||||
form.append('authorization', authorization);
|
|
||||||
form.append('policy', policy);
|
|
||||||
form.append('file', new Blob([buf], { type: 'application/vnd.android.package-archive' }), fileName);
|
|
||||||
const res = await fetch(`${UPYUN_API}/${bucket}`, {
|
|
||||||
method: 'POST',
|
|
||||||
body: form,
|
|
||||||
});
|
|
||||||
const text = await res.text();
|
|
||||||
let body = {};
|
|
||||||
try {
|
|
||||||
body = JSON.parse(text);
|
|
||||||
} catch (e) {
|
|
||||||
body = { raw: text };
|
|
||||||
}
|
|
||||||
if (!res.ok || (body.code != null && Number(body.code) !== 200)) {
|
|
||||||
throw new Error(body.message || body.msg || body.raw || `上传失败(HTTP ${res.status})`);
|
|
||||||
}
|
|
||||||
return body;
|
|
||||||
}
|
|
||||||
|
|
||||||
function toPublicUrl(cdnHost, saveKey, uploaded) {
|
|
||||||
if (uploaded.url && String(uploaded.url).startsWith('http')) return uploaded.url;
|
|
||||||
return `${cdnHost}${saveKey}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function uploadApkFile({ apiBase, token, apkPath, saveKey, fileName, status }) {
|
|
||||||
console.log(`场景路径: ${saveKey}`);
|
|
||||||
console.log('正在获取签名...');
|
|
||||||
const sign = await getCdnSign({
|
|
||||||
apiBase,
|
|
||||||
token,
|
|
||||||
saveKey,
|
|
||||||
status,
|
|
||||||
});
|
|
||||||
if (!sign.bucket || !sign.authorization || !sign.policy) {
|
|
||||||
throw new Error('签名返回缺少 bucket、authorization 或 policy');
|
|
||||||
}
|
|
||||||
console.log(`空间: ${sign.bucket}`);
|
|
||||||
console.log(`正在上传 ${fileName}...`);
|
|
||||||
const uploaded = await uploadToUpyun({
|
|
||||||
bucket: sign.bucket,
|
|
||||||
authorization: sign.authorization,
|
|
||||||
policy: sign.policy,
|
|
||||||
filePath: apkPath,
|
|
||||||
fileName,
|
|
||||||
});
|
|
||||||
console.log('上传成功');
|
|
||||||
return uploaded;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function main() {
|
|
||||||
const args = parseArgs(process.argv.slice(2));
|
|
||||||
if (!args.file || !args.target) {
|
|
||||||
console.error('用法: npm run upload:apk -- --file <apk路径> --target test|prod [--mode zhoushang]');
|
|
||||||
console.error('--target 只切换 APK 的 CDN:test 测试 CDN,prod 正式 CDN。生产环境也可以从测试 CDN 下载安装。');
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
if (args.target !== 'test' && args.target !== 'prod') {
|
|
||||||
console.error('--target 只能是 test 或 prod。两者只是 APK 的 CDN 环境不同,生产环境也可以从测试 CDN 下载安装。');
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
const envFile = MODE_ENV[args.mode];
|
|
||||||
if (!envFile) {
|
|
||||||
console.error(`不支持的 --mode:${args.mode},可选 zhoushang、zhisheng、mes、cjt`);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
const apkPath = path.resolve(args.file);
|
|
||||||
if (!fs.existsSync(apkPath)) {
|
|
||||||
console.error(`找不到 APK:${apkPath}`);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
const version = args.version || readManifestVersion();
|
|
||||||
if (!version) {
|
|
||||||
console.error('manifest.json 里没有 versionName');
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
const upgradeName = readEnvValue(path.join(ROOT, envFile), 'VUE_APP_UPGRADE_NAME');
|
|
||||||
if (!upgradeName) {
|
|
||||||
console.error(`${envFile} 里没有 VUE_APP_UPGRADE_NAME`);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
const modeUpload = MODE_UPLOAD[args.mode];
|
|
||||||
const status = modeUpload ? modeUpload.status : (args.target === 'prod' ? 2 : 1);
|
|
||||||
const fileName = `${version}.apk`;
|
|
||||||
const saveKey = `/version/${upgradeName}/${fileName}`;
|
|
||||||
const latestFileName = 'latest.apk';
|
|
||||||
const latestSaveKey = `/version/${upgradeName}/${latestFileName}`;
|
|
||||||
const apiBase = modeUpload ? modeUpload.apiBase : DEFAULT_API_BASE;
|
|
||||||
const cdnHost = modeUpload ? modeUpload.cdnHost : DEFAULT_CDN_HOST[args.target];
|
|
||||||
const token = await login(apiBase, {
|
|
||||||
phone: args.phone,
|
|
||||||
password: args.password,
|
|
||||||
tenant: args.tenant,
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(`版本号: ${version}`);
|
|
||||||
console.log(`签名接口: ${apiBase}`);
|
|
||||||
console.log(`CDN: ${cdnHost}`);
|
|
||||||
const uploaded = await uploadApkFile({
|
|
||||||
apiBase,
|
|
||||||
token,
|
|
||||||
apkPath,
|
|
||||||
saveKey,
|
|
||||||
fileName,
|
|
||||||
status,
|
|
||||||
});
|
|
||||||
console.log(toPublicUrl(cdnHost, saveKey, uploaded));
|
|
||||||
|
|
||||||
const latestUploaded = await uploadApkFile({
|
|
||||||
apiBase,
|
|
||||||
token,
|
|
||||||
apkPath,
|
|
||||||
saveKey: latestSaveKey,
|
|
||||||
fileName: latestFileName,
|
|
||||||
status,
|
|
||||||
});
|
|
||||||
console.log(toPublicUrl(cdnHost, latestSaveKey, latestUploaded));
|
|
||||||
}
|
|
||||||
|
|
||||||
main().catch((error) => {
|
|
||||||
console.error(error.message || error);
|
|
||||||
process.exit(1);
|
|
||||||
});
|
|
||||||
+42
-21
@@ -6,7 +6,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
|
|
||||||
import util from '@/common/util.js';
|
import util from '@/common/util.js';
|
||||||
import md5 from '@/common/md5.js';
|
import md5 from '@/common/md5.js';
|
||||||
import { ensureScanConfigAfterLogin } from '@/common/scanAutoConfig.js';
|
import { restoreUserSession } from '@/common/userSession.js';
|
||||||
export default {
|
export default {
|
||||||
globalData: {
|
globalData: {
|
||||||
AppName: '',
|
AppName: '',
|
||||||
@@ -26,19 +26,12 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
|
|
||||||
onLaunch() {
|
onLaunch() {
|
||||||
console.log('App Launch');
|
console.log('App Launch');
|
||||||
|
restoreUserSession();
|
||||||
|
|
||||||
// 初始化音频管理器
|
// 初始化音频管理器
|
||||||
audioManager.init();
|
audioManager.init();
|
||||||
// 初始化通知系统
|
// 初始化通知系统
|
||||||
this.$store.dispatch('initNotification');
|
this.$store.dispatch('initNotification');
|
||||||
|
|
||||||
// 已登录且本地无扫码配置时,自动匹配一次
|
|
||||||
const loginData = uni.getStorageSync('RemoteTokenData');
|
|
||||||
if (loginData && loginData.token && this.$u && this.$u.api) {
|
|
||||||
ensureScanConfigAfterLogin(this.$u.api).catch((error) => {
|
|
||||||
console.log('启动时自动匹配扫码设置失败', error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -67,7 +60,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
.textCenter {
|
.textCenter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
margin-top: 88rpx;
|
margin-top: 88rpx;
|
||||||
}
|
}
|
||||||
@@ -114,7 +107,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-white-plr26-column {
|
.flex-white-plr26-column {
|
||||||
@@ -123,7 +116,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
padding-right: 26rpx;
|
padding-right: 26rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bdb_f5 {
|
.bdb_f5 {
|
||||||
@@ -164,12 +157,12 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
|
|
||||||
.redXingh {
|
.redXingh {
|
||||||
color: #FF0000;
|
color: #FF0000;
|
||||||
font-size: 14px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bluecolor {
|
.bluecolor {
|
||||||
color: #0000FF;
|
color: #0000FF;
|
||||||
font-size: 16px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.udropdown {
|
.udropdown {
|
||||||
@@ -183,7 +176,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
.width276 {
|
.width276 {
|
||||||
width: 546rpx;
|
width: 546rpx;
|
||||||
color: #c5c5c5;
|
color: #c5c5c5;
|
||||||
font-size: 14px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cBlack {
|
.cBlack {
|
||||||
@@ -194,7 +187,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
margin-bottom: -10rpx;
|
margin-bottom: -10rpx;
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
padding-left: 26rpx;
|
padding-left: 26rpx;
|
||||||
font-size: 30rpx;
|
font-size: 32rpx;
|
||||||
color: #555555;
|
color: #555555;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
@@ -202,7 +195,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
.width242 {
|
.width242 {
|
||||||
width: 484rpx;
|
width: 484rpx;
|
||||||
color: #c5c5c5;
|
color: #c5c5c5;
|
||||||
font-size: 14px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myCard {
|
.myCard {
|
||||||
@@ -220,7 +213,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
.cardRow {
|
.cardRow {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 14px;
|
font-size: 15px;
|
||||||
margin-bottom: 8rpx;
|
margin-bottom: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -240,7 +233,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
}
|
}
|
||||||
|
|
||||||
.cardTopName {
|
.cardTopName {
|
||||||
font-size: 16px;
|
font-size: 17px;
|
||||||
margin-bottom: 8rpx;
|
margin-bottom: 8rpx;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -274,7 +267,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
color: #007AFF;
|
color: #007AFF;
|
||||||
margin-top: 12rpx;
|
margin-top: 12rpx;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
@@ -288,7 +281,7 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
right: 26rpx;
|
right: 26rpx;
|
||||||
bottom: 80rpx;
|
bottom: 80rpx;
|
||||||
font-size: 15px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fzrLeft {
|
.fzrLeft {
|
||||||
@@ -368,4 +361,32 @@ import { audioManager } from '@/utils/audioManager'
|
|||||||
height: 32rpx;
|
height: 32rpx;
|
||||||
background-color: #EEEEEE;
|
background-color: #EEEEEE;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* PDA:放大 u-select 确认/取消按钮点击区域 */
|
||||||
|
.u-select__header {
|
||||||
|
height: 110rpx !important;
|
||||||
|
padding: 0 16rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-select__header__btn {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
line-height: 110rpx !important;
|
||||||
|
padding: 0 40rpx !important;
|
||||||
|
min-width: 140rpx;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-select__search,
|
||||||
|
.u-action-sheet-search,
|
||||||
|
.u-dropdown-item__search {
|
||||||
|
height: 88rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-select__search__input,
|
||||||
|
.u-action-sheet-search__input,
|
||||||
|
.u-dropdown-item__search__input {
|
||||||
|
font-size: 32rpx !important;
|
||||||
|
height: 88rpx !important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
+10
-26
@@ -7,10 +7,9 @@ export const isDevelopment = process.env.NODE_ENV === 'development'
|
|||||||
|
|
||||||
const config = {
|
const config = {
|
||||||
upgradeName: process.env.VUE_APP_UPGRADE_NAME || 'erp_pda',
|
upgradeName: process.env.VUE_APP_UPGRADE_NAME || 'erp_pda',
|
||||||
upgradeCdnPrefix: process.env.VUE_APP_UPGRADE_CDN_PREFIX || '',
|
|
||||||
|
|
||||||
// 产品名称
|
// 产品名称
|
||||||
productName: '浩拓技术',
|
productName: '浩拓ERP',
|
||||||
|
|
||||||
// 公司名称
|
// 公司名称
|
||||||
companyName: '浩拓科技',
|
companyName: '浩拓科技',
|
||||||
@@ -21,36 +20,21 @@ const config = {
|
|||||||
// 环境判断
|
// 环境判断
|
||||||
isDevelopment: isDevelopment,
|
isDevelopment: isDevelopment,
|
||||||
|
|
||||||
// 生产环境API URL(服务名段 hcscm_weave)
|
// 生产环境API URL(服务名段 hcscm)
|
||||||
productionApiUrl: process.env.VUE_APP_PRODUCTION_API_URL,
|
productionApiUrl: process.env.VUE_APP_PRODUCTION_API_URL || 'https://www.haotopai.com/hcscm/pda/v1',
|
||||||
|
|
||||||
// 开发环境API URL选项(仅替换 //域名/ 后第一个路径段 hcscm → hcscm_weave,不改域名)
|
// 开发环境API URL选项(服务名段 hcscm)
|
||||||
devApiUrlOptions: [
|
devApiUrlOptions: [
|
||||||
{ label: '测试环境', value: 'https://hcscmtest.zzfzyc.com/hcscm_weave/pda/v1' },
|
{ label: '测试环境', value: 'https://hcscmtest.zzfzyc.com/hcscm/pda/v1' },
|
||||||
{ label: '正式环境', value: process.env.VUE_APP_PRODUCTION_API_URL },
|
{ label: '本地环境', value: 'http://192.168.1.66:7010/hcscm/pda/v1' },
|
||||||
{ label: '本地环境', value: 'http://192.168.1.97:7010/hcscm_weave/pda/v1' },
|
{ label: '本地穿透', value: 'https://2yd52gx88533.vicp.fun/hcscm/pda/v1' },
|
||||||
|
{ label: '正式环境', value: process.env.VUE_APP_DEV_API_URL || 'https://www.haotopai.com/hcscm/pda/v1' },
|
||||||
{ label: '自定义', value: 'custom' }
|
{ label: '自定义', value: 'custom' }
|
||||||
]
|
]
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function resolveUpgradeDownloadUrl(downloadUrl) {
|
// 设置后台接口服务的基础地址 - 使用动态API URL
|
||||||
const raw = String(downloadUrl || '').trim();
|
// config.baseUrl = 'https://aidex.vip/api'; // 注释掉固定的baseUrl
|
||||||
const prefix = String(config.upgradeCdnPrefix || '').trim().replace(/\/+$/, '');
|
|
||||||
if (!raw || !prefix) {
|
|
||||||
return raw;
|
|
||||||
}
|
|
||||||
const path = raw.split('?')[0].split('#')[0];
|
|
||||||
const fileName = path.split('/').filter(Boolean).pop() || '';
|
|
||||||
if (!fileName || !/\.apk$/i.test(fileName)) {
|
|
||||||
return raw;
|
|
||||||
}
|
|
||||||
return `${prefix}/${fileName}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getDefaultApiUrl() {
|
|
||||||
const prod = config.devApiUrlOptions.find(item => item.label === '正式环境');
|
|
||||||
return (prod && prod.value) || config.productionApiUrl || 'https://zszc.yushangfangzhi.com/server/hcscm_weave/pda/v1';
|
|
||||||
}
|
|
||||||
|
|
||||||
export default config;
|
export default config;
|
||||||
|
|||||||
+81
-17
@@ -8,13 +8,26 @@ const install = (Vue, vm) => {
|
|||||||
const config = vm.vuex_config;
|
const config = vm.vuex_config;
|
||||||
console.log('install u',config)
|
console.log('install u',config)
|
||||||
|
|
||||||
// 坯布出仓单接口前缀(apiurl 已在 config.js 统一配置为 hcscm_weave 服务)
|
// 接口前缀统一走 hcscm(apiurl 已在 config.js 配置为 hcscm 服务)
|
||||||
|
const getApiUrl = () => String(vm.$store.state.apiurl || '');
|
||||||
|
|
||||||
const GFM_OTHER_DELIVERY_PREFIX = '/grey_fabric_manage/gfmOtherDeliveryOrder/';
|
const GFM_OTHER_DELIVERY_PREFIX = '/grey_fabric_manage/gfmOtherDeliveryOrder/';
|
||||||
const gfmOtherDeliveryUrl = (name) => (vm.$store.state.apiurl || '') + GFM_OTHER_DELIVERY_PREFIX + name;
|
const gfmOtherDeliveryUrl = (name) => getApiUrl() + GFM_OTHER_DELIVERY_PREFIX + name;
|
||||||
|
|
||||||
// 坯布库存接口前缀
|
|
||||||
const GFM_WAREHOUSE_PREFIX = '/grey_fabric_manage/gfmWarehouse/';
|
const GFM_WAREHOUSE_PREFIX = '/grey_fabric_manage/gfmWarehouse/';
|
||||||
const gfmWarehouseUrl = (name) => (vm.$store.state.apiurl || '') + GFM_WAREHOUSE_PREFIX + name;
|
const gfmWarehouseUrl = (name) => getApiUrl() + GFM_WAREHOUSE_PREFIX + name;
|
||||||
|
|
||||||
|
const FPM_PROCESS_IN_PREFIX = '/product/fpmProcessInOrder/';
|
||||||
|
const fpmProcessInUrl = (name) => getApiUrl() + FPM_PROCESS_IN_PREFIX + name;
|
||||||
|
|
||||||
|
const FPM_PROCESS_RETURN_IN_PREFIX = '/product/fpmProcessReturnInOrder/';
|
||||||
|
const fpmProcessReturnInUrl = (name) => getApiUrl() + FPM_PROCESS_RETURN_IN_PREFIX + name;
|
||||||
|
|
||||||
|
const FPM_PROCESS_OUT_PREFIX = '/product/fpmProcessOutOrder/';
|
||||||
|
const fpmProcessOutUrl = (name) => getApiUrl() + FPM_PROCESS_OUT_PREFIX + name;
|
||||||
|
|
||||||
|
const FPM_PRC_IN_PREFIX = '/product/fpmPrcInOrder/';
|
||||||
|
const fpmPrcInUrl = (name) => getApiUrl() + FPM_PRC_IN_PREFIX + name;
|
||||||
|
|
||||||
// 将各个定义的接口名称,统一放进对象挂载到vm.$u.api(因为vm就是this,也即this.$u.api)下
|
// 将各个定义的接口名称,统一放进对象挂载到vm.$u.api(因为vm就是this,也即this.$u.api)下
|
||||||
vm.$u.api = {
|
vm.$u.api = {
|
||||||
@@ -46,27 +59,76 @@ const install = (Vue, vm) => {
|
|||||||
detailList: (params = {}) => vm.$u.get(gfmWarehouseUrl('getGfmWarehouseList'), params),
|
detailList: (params = {}) => vm.$u.get(gfmWarehouseUrl('getGfmWarehouseList'), params),
|
||||||
},
|
},
|
||||||
|
|
||||||
// PDA 生产进仓(排产单细码扫码进仓)
|
// 加工进仓单
|
||||||
productionScheduleOrder: {
|
fpmProcessInOrder: {
|
||||||
getScanFineCodeDetail: (params = {}) => vm.$u.get('/produce/productionScheduleOrder/getScanFineCodeDetail', params),
|
list: (params = {}) => vm.$u.get(fpmProcessInUrl('getFpmProcessInOrderList'), params),
|
||||||
scanInWarehouseFineCode: (params = {}) => vm.$u.putJson('/produce/productionScheduleOrder/scanInWarehouseFineCode', params),
|
detail: (params = {}) => vm.$u.get(fpmProcessInUrl('getFpmProcessInOrder'), params),
|
||||||
|
add: (params = {}) => vm.$u.postJson(fpmProcessInUrl('addFpmProcessInOrder'), params),
|
||||||
|
scanUpdate: (params = {}) => vm.$u.putJson(fpmProcessInUrl('updateFpmProcessInOrder'), params),
|
||||||
|
statusPass: (params = {}) => vm.$u.putJson(fpmProcessInUrl('updateFpmProcessInOrderStatusPass'), params),
|
||||||
|
statusWait: (params = {}) => vm.$u.putJson(fpmProcessInUrl('updateFpmProcessInOrderStatusWait'), params),
|
||||||
|
statusReject: (params = {}) => vm.$u.putJson(fpmProcessInUrl('updateFpmProcessInOrderStatusReject'), params),
|
||||||
|
statusCancel: (params = {}) => vm.$u.putJson(fpmProcessInUrl('updateFpmProcessInOrderStatusCancel'), params),
|
||||||
},
|
},
|
||||||
|
|
||||||
// 营销体系下拉(路径相对 apiurl:.../pda/v1/saleSystem/getSaleSystemDropdownList)
|
// 加工退货进仓单
|
||||||
|
fpmProcessReturnInOrder: {
|
||||||
|
list: (params = {}) => vm.$u.get(fpmProcessReturnInUrl('getFpmProcessReturnInOrderList'), params),
|
||||||
|
detail: (params = {}) => vm.$u.get(fpmProcessReturnInUrl('getFpmProcessReturnInOrder'), params),
|
||||||
|
add: (params = {}) => vm.$u.postJson(fpmProcessReturnInUrl('addFpmProcessReturnInOrder'), params),
|
||||||
|
scanUpdate: (params = {}) => vm.$u.putJson(fpmProcessReturnInUrl('updateFpmProcessReturnInOrder'), params),
|
||||||
|
statusPass: (params = {}) => vm.$u.putJson(fpmProcessReturnInUrl('updateFpmProcessReturnInOrderStatusPass'), params),
|
||||||
|
statusWait: (params = {}) => vm.$u.putJson(fpmProcessReturnInUrl('updateFpmProcessReturnInOrderStatusWait'), params),
|
||||||
|
statusReject: (params = {}) => vm.$u.putJson(fpmProcessReturnInUrl('updateFpmProcessReturnInOrderStatusReject'), params),
|
||||||
|
statusCancel: (params = {}) => vm.$u.putJson(fpmProcessReturnInUrl('updateFpmProcessReturnInOrderStatusCancel'), params),
|
||||||
|
},
|
||||||
|
|
||||||
|
// 加工出仓单
|
||||||
|
fpmProcessOutOrder: {
|
||||||
|
list: (params = {}) => vm.$u.get(fpmProcessOutUrl('getFpmProcessOutOrderList'), params),
|
||||||
|
detail: (params = {}) => vm.$u.get(fpmProcessOutUrl('getFpmProcessOutOrder'), params),
|
||||||
|
add: (params = {}) => vm.$u.postJson(fpmProcessOutUrl('addFpmProcessOutOrder'), params),
|
||||||
|
scanUpdate: (params = {}) => vm.$u.putJson(fpmProcessOutUrl('updateFpmProcessOutOrder'), params),
|
||||||
|
statusPass: (params = {}) => vm.$u.putJson(fpmProcessOutUrl('updateFpmProcessOutOrderStatusPass'), params),
|
||||||
|
statusWait: (params = {}) => vm.$u.putJson(fpmProcessOutUrl('updateFpmProcessOutOrderStatusWait'), params),
|
||||||
|
statusReject: (params = {}) => vm.$u.putJson(fpmProcessOutUrl('updateFpmProcessOutOrderStatusReject'), params),
|
||||||
|
statusCancel: (params = {}) => vm.$u.putJson(fpmProcessOutUrl('updateFpmProcessOutOrderStatusCancel'), params),
|
||||||
|
/** 加工出仓类型枚举:正常加工出仓 / 回修加工出仓 */
|
||||||
|
getOutTypeEnum: (params = {}) => vm.$u.get(getApiUrl() + '/product/enum/getProcessOutTypeTypeEnum', params),
|
||||||
|
},
|
||||||
|
|
||||||
|
// 成品采购进仓单
|
||||||
|
fpmPrcInOrder: {
|
||||||
|
list: (params = {}) => vm.$u.get(fpmPrcInUrl('getFpmPrcInOrderList'), params),
|
||||||
|
detail: (params = {}) => vm.$u.get(fpmPrcInUrl('getFpmPrcInOrder'), params),
|
||||||
|
add: (params = {}) => vm.$u.postJson(fpmPrcInUrl('addFpmPrcInOrder'), params),
|
||||||
|
scanUpdate: (params = {}) => vm.$u.putJson(fpmPrcInUrl('updateFpmPrcInOrder'), params),
|
||||||
|
statusPass: (params = {}) => vm.$u.putJson(fpmPrcInUrl('updateFpmPrcInOrderStatusPass'), params),
|
||||||
|
statusWait: (params = {}) => vm.$u.putJson(fpmPrcInUrl('updateFpmPrcInOrderStatusWait'), params),
|
||||||
|
statusReject: (params = {}) => vm.$u.putJson(fpmPrcInUrl('updateFpmPrcInOrderStatusReject'), params),
|
||||||
|
statusCancel: (params = {}) => vm.$u.putJson(fpmPrcInUrl('updateFpmPrcInOrderStatusCancel'), params),
|
||||||
|
},
|
||||||
|
|
||||||
|
// 物理仓库下拉
|
||||||
|
physicalWarehouse: {
|
||||||
|
getDropdownList: (params = {}) => vm.$u.get('/warehouse/physicalWarehouse/getPhysicalWarehouseDropdownList', params),
|
||||||
|
},
|
||||||
|
|
||||||
|
// 仓位查询(Request: qr_code / warehouse_id / name;Response: GetPhysicalWarehouseBinData)
|
||||||
|
warehouseBin: {
|
||||||
|
getByQrCode: (params = {}) => vm.$u.get('/warehouse/warehouseBin/getWarehouseBin', params),
|
||||||
|
},
|
||||||
|
|
||||||
|
// 营销体系下拉
|
||||||
saleSystem: {
|
saleSystem: {
|
||||||
getDropdownList: (params = {}) => vm.$u.get('/saleSystem/getSaleSystemDropdownList', params),
|
getDropdownList: (params = {}) => vm.$u.get(getApiUrl() + '/saleSystem/getSaleSystemDropdownList', params),
|
||||||
},
|
},
|
||||||
|
|
||||||
// 往来单位列表(路径相对 apiurl:.../pda/v1/business_unit/list)
|
// 往来单位列表
|
||||||
businessUnit: {
|
businessUnit: {
|
||||||
list: (params = {}) => vm.$u.get('/business_unit/list', params),
|
list: (params = {}) => vm.$u.get('/business_unit/list', params),
|
||||||
},
|
},
|
||||||
|
|
||||||
// 员工枚举(路径相对 apiurl:.../pda/v1/employee/list_enum)
|
|
||||||
employee: {
|
|
||||||
listEnum: (params = {}) => vm.$u.get('/employee/list_enum', params),
|
|
||||||
},
|
|
||||||
|
|
||||||
// 字典明细枚举(路径相对 apiurl:.../pda/v1/dictionaryDetail/getDictionaryDetailEnumList)
|
// 字典明细枚举(路径相对 apiurl:.../pda/v1/dictionaryDetail/getDictionaryDetailEnumList)
|
||||||
dictionary: {
|
dictionary: {
|
||||||
getDetailEnumList: (params = {}) => vm.$u.get('/dictionaryDetail/getDictionaryDetailEnumList', params),
|
getDetailEnumList: (params = {}) => vm.$u.get('/dictionaryDetail/getDictionaryDetailEnumList', params),
|
||||||
@@ -80,6 +142,8 @@ const install = (Vue, vm) => {
|
|||||||
// PDA登录接口
|
// PDA登录接口
|
||||||
pdaLogin: (params = {}) => vm.$u.postJson('/login', params),
|
pdaLogin: (params = {}) => vm.$u.postJson('/login', params),
|
||||||
pdaLogout: (params = {}) => vm.$u.postJson('/logout', params),
|
pdaLogout: (params = {}) => vm.$u.postJson('/logout', params),
|
||||||
|
// 登录后获取当前用户信息、菜单与按钮权限
|
||||||
|
pdaGetInformation: (params = {}) => vm.$u.get('/information', params),
|
||||||
// 获取配布单列表
|
// 获取配布单列表
|
||||||
getFpmArrangeOrderList: (params = {}) => vm.$u.get('/product/fpmArrangeOrder/getFpmArrangeOrderList', params),
|
getFpmArrangeOrderList: (params = {}) => vm.$u.get('/product/fpmArrangeOrder/getFpmArrangeOrderList', params),
|
||||||
// 获取成品配布单详情
|
// 获取成品配布单详情
|
||||||
@@ -114,7 +178,7 @@ const install = (Vue, vm) => {
|
|||||||
// 个人信息修改
|
// 个人信息修改
|
||||||
user: {
|
user: {
|
||||||
saveUserInfo: (params = {}) => vm.$u.post(config.productionApiUrl+'/mobile/user/saveUserInfo', params),
|
saveUserInfo: (params = {}) => vm.$u.post(config.productionApiUrl+'/mobile/user/saveUserInfo', params),
|
||||||
infoSavePwd: (params = {}) => vm.$u.put('/system/user/profile/updatePwd', params),
|
infoSavePwd: (params = {}) => vm.$u.put(config.productionApiUrl+'/system/user/profile/updatePwd', params),
|
||||||
infoSavePqa: (params = {}) => vm.$u.post(config.productionApiUrl+'/sys/user/infoSavePqa', params),
|
infoSavePqa: (params = {}) => vm.$u.post(config.productionApiUrl+'/sys/user/infoSavePqa', params),
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -2,6 +2,8 @@
|
|||||||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||||||
*/
|
*/
|
||||||
// 此处第二个参数vm,就是我们在页面使用的this,你可以通过vm获取vuex等操作
|
// 此处第二个参数vm,就是我们在页面使用的this,你可以通过vm获取vuex等操作
|
||||||
|
import { clearUserSession } from '@/common/userSession.js';
|
||||||
|
|
||||||
const install = (Vue, vm) => {
|
const install = (Vue, vm) => {
|
||||||
// 通用请求头设定
|
// 通用请求头设定
|
||||||
const ajaxHeader = 'x-ajax';
|
const ajaxHeader = 'x-ajax';
|
||||||
@@ -22,13 +24,16 @@ const install = (Vue, vm) => {
|
|||||||
|
|
||||||
// 请求拦截,配置Token等参数
|
// 请求拦截,配置Token等参数
|
||||||
Vue.prototype.$u.http.interceptor.request = (req) => {
|
Vue.prototype.$u.http.interceptor.request = (req) => {
|
||||||
console.log('request', req);
|
const reqUrl = req && req.url ? String(req.url) : '';
|
||||||
console.log('baseUrl', vm.$store.state.apiurl);
|
const isAbsolute = /^https?:\/\//i.test(reqUrl);
|
||||||
console.log('完整URL', vm.$store.state.apiurl + req.url);
|
const fullUrl = isAbsolute ? reqUrl : (vm.$store.state.apiurl + reqUrl);
|
||||||
// #ifdef APP-PLUS
|
// 用 JSON 字符串输出,避免 HBuilderX 控制台对象被截断、点击 URL 跳浏览器
|
||||||
// Android 5.x 等老 PDA 不信任 Let's Encrypt 新证书链,关闭校验证书
|
console.log('request => ' + JSON.stringify({
|
||||||
req.sslVerify = false;
|
url: fullUrl,
|
||||||
// #endif
|
method: req.method,
|
||||||
|
data: req.data,
|
||||||
|
header: req.header
|
||||||
|
}, null, 2));
|
||||||
if (!req.header){
|
if (!req.header){
|
||||||
req.header = [];
|
req.header = [];
|
||||||
}
|
}
|
||||||
@@ -40,8 +45,9 @@ const install = (Vue, vm) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 设定传递 Token 认证参数 aidex
|
// 设定传递 Token 认证参数 aidex
|
||||||
if (!req.header[sessionIdHeader] && vm.vuex_token){
|
if (!req.header[sessionIdHeader]){
|
||||||
req.header[sessionIdHeader] = vm.vuex_token;
|
const loginData = uni.getStorageSync('RemoteTokenData');
|
||||||
|
req.header[sessionIdHeader] = vm.vuex_token || (loginData && loginData.token) || '';
|
||||||
}
|
}
|
||||||
|
|
||||||
// 为节省流量,记住我数据不是每次都发送的,当会话失效后,尝试重试登录 aidex
|
// 为节省流量,记住我数据不是每次都发送的,当会话失效后,尝试重试登录 aidex
|
||||||
@@ -62,44 +68,32 @@ const install = (Vue, vm) => {
|
|||||||
// 处理401未授权状态码
|
// 处理401未授权状态码
|
||||||
if (res.statusCode === 401) {
|
if (res.statusCode === 401) {
|
||||||
vm.$u.toast('登录已过期,请重新登录');
|
vm.$u.toast('登录已过期,请重新登录');
|
||||||
// 清除token和用户信息
|
clearUserSession();
|
||||||
uni.removeStorageSync('token');
|
|
||||||
vm.$u.vuex('vuex_token', '');
|
|
||||||
vm.$u.vuex('vuex_user', {});
|
|
||||||
// 跳转到登录页面
|
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url: '/pages/sys/login/index'
|
url: '/pages/sys/login/index'
|
||||||
});
|
});
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
console.log('res',res)
|
// 非业务 JSON(如 404 page not found)
|
||||||
const rejectWithMessage = (message) => {
|
|
||||||
const text = String(message || '请求失败').trim() || '请求失败';
|
|
||||||
vm.$u.toast(text);
|
|
||||||
return Promise.reject(new Error(text));
|
|
||||||
};
|
|
||||||
// HTTP 非 200(如 404)时直接报错,避免把字符串/HTML 当业务 data 解析
|
|
||||||
if (res.statusCode && res.statusCode !== 200) {
|
if (res.statusCode && res.statusCode !== 200) {
|
||||||
let message = `请求失败(${res.statusCode})`;
|
const msg = (res.data && res.data.msg) || `请求失败(${res.statusCode})`;
|
||||||
if (typeof res.data === 'string' && res.data.trim()) {
|
vm.$u.toast(msg);
|
||||||
message = res.data.trim().slice(0, 120);
|
return Promise.reject(new Error(msg));
|
||||||
} else if (res.data && typeof res.data === 'object') {
|
|
||||||
message = res.data.msg || res.data.message || message;
|
|
||||||
}
|
|
||||||
return rejectWithMessage(message);
|
|
||||||
}
|
}
|
||||||
if (res.data === undefined || res.data === null || res.data === '') {
|
console.log('res',res)
|
||||||
const errMsg = String((res && res.errMsg) || '');
|
if (!(res.data)){
|
||||||
const isNetworkError = res.statusCode === -1
|
vm.$u.toast('未连接到服务器')
|
||||||
|| /Unable to resolve host|Failed to connect|request:fail|timeout|网络/i.test(errMsg);
|
return Promise.reject(new Error('未连接到服务器'));
|
||||||
const message = isNetworkError ? '当前没有网络,请检查网络后重试' : '未连接到服务器';
|
|
||||||
return rejectWithMessage(message);
|
|
||||||
}
|
}
|
||||||
if (typeof res.data !== 'object') {
|
if (typeof res.data !== 'object') {
|
||||||
return rejectWithMessage(String(res.data).slice(0, 120));
|
const msg = '接口返回异常';
|
||||||
|
vm.$u.toast(msg);
|
||||||
|
return Promise.reject(new Error(msg));
|
||||||
}
|
}
|
||||||
if (res.data.code !== 0) {
|
|
||||||
return rejectWithMessage(res.data.msg || res.data.message || '请求失败');
|
if(res.data.code !== 0) {
|
||||||
|
vm.$u.toast(res.data.msg)
|
||||||
|
return Promise.reject(new Error(res.data.msg))
|
||||||
}
|
}
|
||||||
let data = res.data.data;
|
let data = res.data.data;
|
||||||
console.log('data',data)
|
console.log('data',data)
|
||||||
@@ -182,9 +176,6 @@ const install = (Vue, vm) => {
|
|||||||
uni.request({
|
uni.request({
|
||||||
url,
|
url,
|
||||||
method: 'PUT',
|
method: 'PUT',
|
||||||
// #ifdef APP-PLUS
|
|
||||||
sslVerify: false,
|
|
||||||
// #endif
|
|
||||||
header: {
|
header: {
|
||||||
...header,
|
...header,
|
||||||
'Platform': 2,
|
'Platform': 2,
|
||||||
|
|||||||
@@ -1,19 +0,0 @@
|
|||||||
/**
|
|
||||||
* PDA 小屏字号标准(以手动进仓页为准)
|
|
||||||
* 业务页请优先引用这些变量,避免字号再次变小。
|
|
||||||
*/
|
|
||||||
|
|
||||||
$pda-font-body: 36rpx;
|
|
||||||
$pda-font-placeholder: 34rpx;
|
|
||||||
$pda-font-action: 34rpx;
|
|
||||||
$pda-font-unit: 32rpx;
|
|
||||||
$pda-font-nav-sub: 32rpx;
|
|
||||||
$pda-font-button: 36rpx;
|
|
||||||
$pda-font-popup-title: 36rpx;
|
|
||||||
$pda-font-popup-item: 36rpx;
|
|
||||||
$pda-font-popup-sub: 34rpx;
|
|
||||||
|
|
||||||
$pda-row-min-height: 100rpx;
|
|
||||||
$pda-scan-input-height: 100rpx;
|
|
||||||
$pda-button-height: 92rpx;
|
|
||||||
$pda-label-width: 200rpx;
|
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
/**
|
||||||
|
* 从往来单位等列表接口中取出数组。
|
||||||
|
* 兼容拦截器解包后的 { list, total },以及完整响应
|
||||||
|
* { data: { code, data: { list, total } } }。
|
||||||
|
*/
|
||||||
|
export function extractList(data, depth = 0) {
|
||||||
|
if (!data || depth > 6) return [];
|
||||||
|
if (Array.isArray(data)) return data;
|
||||||
|
if (Array.isArray(data.list)) return data.list;
|
||||||
|
if (Array.isArray(data.items)) return data.items;
|
||||||
|
if (Array.isArray(data.records)) return data.records;
|
||||||
|
if (data.data && typeof data.data === 'object') return extractList(data.data, depth + 1);
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 将下拉/列表接口响应转为 u-select 所需的 { value, label } */
|
||||||
|
export function mapToSelectOptions(data) {
|
||||||
|
return extractList(data).filter((item) => item && typeof item === 'object').map((item) => ({
|
||||||
|
value: item.id != null ? item.id : item.value,
|
||||||
|
label: item.name || item.label || item.code || (item.id != null ? String(item.id) : ''),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 下拉远程搜索:把关键字写入接口常用的 name 参数。
|
||||||
|
* 空关键字时不带 name,让后端返回默认列表。
|
||||||
|
*/
|
||||||
|
export function withNameParam(params, keyword) {
|
||||||
|
const next = Object.assign({}, params || {});
|
||||||
|
const name = String(keyword || '').trim();
|
||||||
|
if (name) next.name = name;
|
||||||
|
else delete next.name;
|
||||||
|
return next;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const REMOTE_SELECT_TYPES = [
|
||||||
|
'染厂',
|
||||||
|
'加工单位',
|
||||||
|
'供应商',
|
||||||
|
'仓库名称',
|
||||||
|
'营销体系',
|
||||||
|
];
|
||||||
|
|
||||||
|
export function isRemoteSelectType(type) {
|
||||||
|
return REMOTE_SELECT_TYPES.indexOf(type) !== -1;
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
import { isRemoteSelectType } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 表单页远程下拉搜索。
|
||||||
|
* 使用方需实现 fetchRemoteSelectOptions(type, keyword),返回 { value, label }[]。
|
||||||
|
*
|
||||||
|
* 注意:不要用 `_` / `$` 前缀的 data 字段名——Vue2 不会代理到 this,
|
||||||
|
* `++this._xxx` 会得到 NaN,导致列表不更新、loading 不关。
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selectSearching: false,
|
||||||
|
selectSearchSeq: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isRemoteSelect() {
|
||||||
|
return isRemoteSelectType(this.selectType);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
isRemoteSelectType,
|
||||||
|
openSelectPicker(type, cachedList) {
|
||||||
|
this.selectType = type;
|
||||||
|
this.selectList = Array.isArray(cachedList) ? cachedList.slice() : [];
|
||||||
|
this.selectShow = true;
|
||||||
|
},
|
||||||
|
onSelectSearch(keyword) {
|
||||||
|
if (!isRemoteSelectType(this.selectType)) return;
|
||||||
|
if (typeof this.fetchRemoteSelectOptions !== 'function') return;
|
||||||
|
const seq = ++this.selectSearchSeq;
|
||||||
|
this.selectSearching = true;
|
||||||
|
const finish = () => {
|
||||||
|
if (seq === this.selectSearchSeq) this.selectSearching = false;
|
||||||
|
};
|
||||||
|
Promise.resolve()
|
||||||
|
.then(() => this.fetchRemoteSelectOptions(this.selectType, keyword))
|
||||||
|
.then((list) => {
|
||||||
|
if (seq !== this.selectSearchSeq) return;
|
||||||
|
this.selectList = Array.isArray(list) ? list.slice() : [];
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
if (seq !== this.selectSearchSeq) return;
|
||||||
|
if (typeof this.showError === 'function') {
|
||||||
|
this.showError((e && e.message) || '搜索失败');
|
||||||
|
} else {
|
||||||
|
uni.showToast({ title: (e && e.message) || '搜索失败', icon: 'none' });
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(finish, finish);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
/**
|
|
||||||
* 登录后 / 冷启动:拉取扫码字典并在本地无配置时自动匹配写入
|
|
||||||
*/
|
|
||||||
import {
|
|
||||||
DICTIONARY_TYPE_SCANNER,
|
|
||||||
autoConfigureScanSettings,
|
|
||||||
} from '@/common/scanConfig.js';
|
|
||||||
|
|
||||||
function extractDictionaryList(res) {
|
|
||||||
if (Array.isArray(res)) return res;
|
|
||||||
if (res && Array.isArray(res.list)) return res.list;
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param {object} api - this.$u.api
|
|
||||||
* @returns {Promise<{saved:boolean,skipped:boolean,config:object|null,reason?:string}>}
|
|
||||||
*/
|
|
||||||
export async function ensureScanConfigAfterLogin(api) {
|
|
||||||
if (!api || !api.dictionary || !api.dictionary.getDetailEnumList) {
|
|
||||||
return autoConfigureScanSettings({ remoteConfigs: [] });
|
|
||||||
}
|
|
||||||
|
|
||||||
let remoteConfigs = [];
|
|
||||||
try {
|
|
||||||
const res = await api.dictionary.getDetailEnumList({
|
|
||||||
dictionary_id: DICTIONARY_TYPE_SCANNER,
|
|
||||||
});
|
|
||||||
remoteConfigs = extractDictionaryList(res);
|
|
||||||
} catch (error) {
|
|
||||||
console.log('拉取扫码字典失败,改用内置配置自动匹配', error);
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = autoConfigureScanSettings({ remoteConfigs });
|
|
||||||
if (result.skipped) {
|
|
||||||
console.log('本地已有扫码设置,跳过自动匹配', result.config && result.config.name);
|
|
||||||
} else if (result.saved) {
|
|
||||||
if (result.reason === 'rematch_n5s_from_seuic') {
|
|
||||||
console.log('N5S 误识别为东集,已纠正为', result.config && result.config.name);
|
|
||||||
} else {
|
|
||||||
console.log('已自动写入扫码设置', result.config && result.config.name);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
console.log('自动匹配扫码设置未写入', result.reason);
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
+4
-400
@@ -4,154 +4,18 @@ export const DICTIONARY_TYPE_SCANNER = 10046;
|
|||||||
|
|
||||||
export const PHONE_SCAN_BRAND = 'phone';
|
export const PHONE_SCAN_BRAND = 'phone';
|
||||||
|
|
||||||
// 历史误用 brand=newland 表示东集;真正的新大陆是 nlscan
|
|
||||||
const LEGACY_SEUIC_BRANDS = ['newland', '东集', 'idata'];
|
|
||||||
|
|
||||||
export const PHONE_SCAN_CONFIG = {
|
export const PHONE_SCAN_CONFIG = {
|
||||||
brand: PHONE_SCAN_BRAND,
|
brand: PHONE_SCAN_BRAND,
|
||||||
name: '手机扫码',
|
name: '手机扫码',
|
||||||
isPhoneScan: true,
|
isPhoneScan: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 内置扫码配置:补 needSetup,并在字典拉不到时兜底 */
|
|
||||||
export const BUILTIN_SCANNER_CONFIGS = [
|
|
||||||
{
|
|
||||||
brand: 'seuic',
|
|
||||||
name: '东大集成(AUTOID)',
|
|
||||||
action: 'com.android.server.scannerservice.broadcast',
|
|
||||||
dataKey: 'scannerdata',
|
|
||||||
needSetup: true,
|
|
||||||
setupAction: 'com.android.scanner.service_settings',
|
|
||||||
setupParams: {
|
|
||||||
barcode_send_mode: 'BROADCAST',
|
|
||||||
action_barcode_broadcast: 'com.android.server.scannerservice.broadcast',
|
|
||||||
key_barcode_broadcast: 'scannerdata',
|
|
||||||
endchar: 'NONE',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
brand: 'sunmi',
|
|
||||||
name: '商米',
|
|
||||||
action: 'com.sunmi.scanner.ACTION_DATA_CODE_RECEIVED',
|
|
||||||
dataKey: 'data',
|
|
||||||
needSetup: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
brand: 'urovo',
|
|
||||||
name: '优博讯',
|
|
||||||
action: 'android.intent.ACTION_DECODE_DATA',
|
|
||||||
dataKey: 'barcode_string',
|
|
||||||
needSetup: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
brand: 'nlscan',
|
|
||||||
name: '新大陆',
|
|
||||||
action: 'nlscan.action.SCANNER_RESULT',
|
|
||||||
dataKey: 'SCAN_BARCODE1',
|
|
||||||
needSetup: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
// N5S 部分固件走智联天地兼容广播,而不是 nlscan.action
|
|
||||||
brand: 'nlscan_compat',
|
|
||||||
name: '新大陆(兼容广播)',
|
|
||||||
action: 'android.intent.action.RECEIVE_SCANDATA_BROADCAST',
|
|
||||||
dataKey: 'android.intent.extra.SCAN_BROADCAST_DATA',
|
|
||||||
needSetup: false,
|
|
||||||
},
|
|
||||||
{ ...PHONE_SCAN_CONFIG },
|
|
||||||
];
|
|
||||||
|
|
||||||
/** 设备关键词 / 常见扫码相关包名,用于自动识别 */
|
|
||||||
const DETECT_RULES = [
|
|
||||||
{
|
|
||||||
matchNames: ['商米'],
|
|
||||||
matchActions: ['com.sunmi.scanner.ACTION_DATA_CODE_RECEIVED'],
|
|
||||||
keywords: ['sunmi'],
|
|
||||||
packages: ['com.sunmi.scanner', 'woyou.aidlservice.jiuiv5'],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
matchNames: ['新大陆', '新大陆(兼容广播)'],
|
|
||||||
matchActions: [
|
|
||||||
'nlscan.action.SCANNER_RESULT',
|
|
||||||
'android.intent.action.RECEIVE_SCANDATA_BROADCAST',
|
|
||||||
],
|
|
||||||
// N5S 机型常标成 alps/zltd,不能只靠 newland 关键字
|
|
||||||
keywords: ['newland', 'nls', 'nlscan', 'n5s', 'zltd'],
|
|
||||||
models: ['n5s', 'n5'],
|
|
||||||
packages: [
|
|
||||||
'com.nlscan.barcodescanner',
|
|
||||||
'com.newland',
|
|
||||||
'com.nlscan.android.scan.service',
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
matchNames: ['优博讯'],
|
|
||||||
matchActions: ['android.intent.ACTION_DECODE_DATA'],
|
|
||||||
keywords: ['urovo', 'ubx'],
|
|
||||||
packages: ['com.urovo', 'com.ubx'],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
matchNames: ['盈达'],
|
|
||||||
matchActions: ['android.intent.action.SCANRESULT'],
|
|
||||||
keywords: ['idata', 'yingda'],
|
|
||||||
packages: ['com.idata'],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
matchNames: ['海雅达'],
|
|
||||||
matchActions: ['com.android.scanner.broadcast'],
|
|
||||||
keywords: ['haiyada'],
|
|
||||||
packages: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
matchNames: ['东大集成(AUTOID)', '东大集成', '东集'],
|
|
||||||
matchActions: ['com.android.server.scannerservice.broadcast'],
|
|
||||||
keywords: ['seuic', 'autoid', 'eastcom', '东集', '东大'],
|
|
||||||
packages: ['com.seuic.scanner'],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const PDA_DEVICE_KEYWORDS = [
|
|
||||||
'newland', 'nls', 'nlscan', 'n5s', 'zltd', 'sunmi', 'urovo', 'ubx', 'zebra', 'honeywell',
|
|
||||||
'idata', 'seuic', 'autoid', '东集', '东大',
|
|
||||||
];
|
|
||||||
|
|
||||||
/** 明确机型 → 优先品牌,避免通用东集广播抢分 */
|
|
||||||
const MODEL_PREFERRED_BRANDS = [
|
|
||||||
{
|
|
||||||
models: ['n5s'],
|
|
||||||
brands: ['nlscan', 'nlscan_compat'],
|
|
||||||
score: 220,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const NO_SETUP_HINT_KEY = 'pda_scan_config_hint_shown';
|
const NO_SETUP_HINT_KEY = 'pda_scan_config_hint_shown';
|
||||||
|
|
||||||
export function isPhoneScanConfig(config) {
|
export function isPhoneScanConfig(config) {
|
||||||
return !!(config && (config.isPhoneScan || config.brand === PHONE_SCAN_BRAND));
|
return !!(config && (config.isPhoneScan || config.brand === PHONE_SCAN_BRAND));
|
||||||
}
|
}
|
||||||
|
|
||||||
function migrateLegacySeuicBrand(config) {
|
|
||||||
if (!config || isPhoneScanConfig(config)) {
|
|
||||||
return config;
|
|
||||||
}
|
|
||||||
const brand = String(config.brand || '');
|
|
||||||
const name = String(config.name || '');
|
|
||||||
const action = String(config.action || '');
|
|
||||||
// 历史内置配置把东集误标成 brand=newland;真正的新大陆是 nlscan
|
|
||||||
const isLegacySeuicLabel = LEGACY_SEUIC_BRANDS.includes(brand) || name === '东集';
|
|
||||||
if (!isLegacySeuicLabel) {
|
|
||||||
return config;
|
|
||||||
}
|
|
||||||
if (action.includes('nlscan')) {
|
|
||||||
return config;
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
...config,
|
|
||||||
brand: 'seuic',
|
|
||||||
name: (!name || name === '东集') ? '东大集成(AUTOID)' : name,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function enrichFromBuiltinConfig(config, builtinConfigs = []) {
|
function enrichFromBuiltinConfig(config, builtinConfigs = []) {
|
||||||
if (!config || !builtinConfigs.length) {
|
if (!config || !builtinConfigs.length) {
|
||||||
return config;
|
return config;
|
||||||
@@ -160,13 +24,7 @@ function enrichFromBuiltinConfig(config, builtinConfigs = []) {
|
|||||||
const builtin = builtinConfigs.find((item) => {
|
const builtin = builtinConfigs.find((item) => {
|
||||||
return item.action === config.action
|
return item.action === config.action
|
||||||
|| item.name === config.name
|
|| item.name === config.name
|
||||||
|| item.brand === config.brand
|
|| item.brand === config.brand;
|
||||||
|| (item.brand === 'seuic' && (
|
|
||||||
String(config.name || '').includes('东大')
|
|
||||||
|| String(config.name || '').includes('东集')
|
|
||||||
|| String(config.name || '').includes('AUTOID')
|
|
||||||
|| String(config.action || '').includes('scannerservice.broadcast')
|
|
||||||
));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (!builtin) {
|
if (!builtin) {
|
||||||
@@ -191,7 +49,7 @@ export function normalizeConfig(raw, builtinConfigs = []) {
|
|||||||
return { ...PHONE_SCAN_CONFIG };
|
return { ...PHONE_SCAN_CONFIG };
|
||||||
}
|
}
|
||||||
|
|
||||||
let config = {
|
const config = enrichFromBuiltinConfig({
|
||||||
brand,
|
brand,
|
||||||
name: raw.name || '',
|
name: raw.name || '',
|
||||||
action: raw.action || raw.code || '',
|
action: raw.action || raw.code || '',
|
||||||
@@ -199,10 +57,7 @@ export function normalizeConfig(raw, builtinConfigs = []) {
|
|||||||
needSetup: raw.needSetup != null ? raw.needSetup : !!raw.need_setup,
|
needSetup: raw.needSetup != null ? raw.needSetup : !!raw.need_setup,
|
||||||
setupAction: raw.setupAction || raw.setup_action || '',
|
setupAction: raw.setupAction || raw.setup_action || '',
|
||||||
setupParams: raw.setupParams || raw.setup_params || null,
|
setupParams: raw.setupParams || raw.setup_params || null,
|
||||||
};
|
}, builtinConfigs);
|
||||||
|
|
||||||
config = migrateLegacySeuicBrand(config);
|
|
||||||
config = enrichFromBuiltinConfig(config, builtinConfigs);
|
|
||||||
|
|
||||||
if (!config.brand || !config.action || !config.dataKey) {
|
if (!config.brand || !config.action || !config.dataKey) {
|
||||||
return null;
|
return null;
|
||||||
@@ -218,16 +73,7 @@ export function mapDictionaryToScannerConfig(raw, builtinConfigs = []) {
|
|||||||
export function getScanConfig(builtinConfigs = []) {
|
export function getScanConfig(builtinConfigs = []) {
|
||||||
try {
|
try {
|
||||||
const data = uni.getStorageSync(STORAGE_KEY);
|
const data = uni.getStorageSync(STORAGE_KEY);
|
||||||
const normalized = normalizeConfig(data, builtinConfigs);
|
return normalizeConfig(data, builtinConfigs);
|
||||||
// 旧 brand=newland(东集) 迁移后写回,避免下次仍读到错误 brand
|
|
||||||
if (normalized && data && String(data.brand || '') !== String(normalized.brand || '')) {
|
|
||||||
try {
|
|
||||||
uni.setStorageSync(STORAGE_KEY, normalized);
|
|
||||||
} catch (e) {
|
|
||||||
console.log('迁移扫码枪配置写回失败', e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return normalized;
|
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.log('读取扫码枪配置失败', e);
|
console.log('读取扫码枪配置失败', e);
|
||||||
return null;
|
return null;
|
||||||
@@ -263,245 +109,3 @@ export function markNoConfigHintShown() {
|
|||||||
console.log('记录扫码枪提示状态失败', e);
|
console.log('记录扫码枪提示状态失败', e);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export function mergeScannerConfigs(remoteConfigs = []) {
|
|
||||||
const configMap = new Map();
|
|
||||||
BUILTIN_SCANNER_CONFIGS.forEach((item) => {
|
|
||||||
if (!isPhoneScanConfig(item)) {
|
|
||||||
configMap.set(item.action || item.brand, item);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
(remoteConfigs || []).forEach((raw) => {
|
|
||||||
const normalized = mapDictionaryToScannerConfig(raw, BUILTIN_SCANNER_CONFIGS);
|
|
||||||
if (!normalized || isPhoneScanConfig(normalized)) return;
|
|
||||||
configMap.set(normalized.action || normalized.brand, normalized);
|
|
||||||
});
|
|
||||||
const list = Array.from(configMap.values());
|
|
||||||
list.push({ ...PHONE_SCAN_CONFIG });
|
|
||||||
return list;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getDeviceIdentity() {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
try {
|
|
||||||
const Build = plus.android.importClass('android.os.Build');
|
|
||||||
return {
|
|
||||||
manufacturer: String(Build.MANUFACTURER || '').toLowerCase(),
|
|
||||||
model: String(Build.MODEL || '').toLowerCase(),
|
|
||||||
brand: String(Build.BRAND || '').toLowerCase(),
|
|
||||||
};
|
|
||||||
} catch (e) {
|
|
||||||
console.log('读取设备信息失败', e);
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
return { manufacturer: '', model: '', brand: '' };
|
|
||||||
}
|
|
||||||
|
|
||||||
export function isPdaDevice() {
|
|
||||||
const identity = getDeviceIdentity();
|
|
||||||
const text = `${identity.manufacturer} ${identity.model} ${identity.brand}`;
|
|
||||||
return PDA_DEVICE_KEYWORDS.some((keyword) => text.includes(String(keyword).toLowerCase()));
|
|
||||||
}
|
|
||||||
|
|
||||||
function findDetectRule(config) {
|
|
||||||
return DETECT_RULES.find((rule) => {
|
|
||||||
if (rule.matchNames.includes(config.name)) return true;
|
|
||||||
if (rule.matchActions.includes(config.action)) return true;
|
|
||||||
return false;
|
|
||||||
}) || null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function isPackageInstalled(packageName) {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
try {
|
|
||||||
const main = plus.android.runtimeMainActivity();
|
|
||||||
const pm = main.getPackageManager();
|
|
||||||
plus.android.importClass(pm);
|
|
||||||
pm.getPackageInfo(packageName, 0);
|
|
||||||
return true;
|
|
||||||
} catch (e) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function canResolveBroadcast(action) {
|
|
||||||
if (!action) return false;
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
try {
|
|
||||||
const main = plus.android.runtimeMainActivity();
|
|
||||||
const Intent = plus.android.importClass('android.content.Intent');
|
|
||||||
const pm = main.getPackageManager();
|
|
||||||
plus.android.importClass(pm);
|
|
||||||
const intent = new Intent(action);
|
|
||||||
const list = pm.queryBroadcastReceivers(intent, 0);
|
|
||||||
return !!(list && list.size && list.size() > 0);
|
|
||||||
} catch (e) {
|
|
||||||
console.log('探测广播接收方失败', action, e);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function isModelMatch(identity, models = []) {
|
|
||||||
const model = String((identity && identity.model) || '').toLowerCase();
|
|
||||||
if (!model) return false;
|
|
||||||
return (models || []).some((item) => model === item || model.includes(item));
|
|
||||||
}
|
|
||||||
|
|
||||||
function getModelPreferredBoost(config, identity) {
|
|
||||||
if (!config || isPhoneScanConfig(config)) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
const brand = String(config.brand || '');
|
|
||||||
for (let i = 0; i < MODEL_PREFERRED_BRANDS.length; i += 1) {
|
|
||||||
const rule = MODEL_PREFERRED_BRANDS[i];
|
|
||||||
if (!isModelMatch(identity, rule.models)) continue;
|
|
||||||
if ((rule.brands || []).includes(brand)) {
|
|
||||||
return Number(rule.score) || 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 新大陆 N5S / 智联天地 N5S:机型名常为 n5s,厂商可能是 newland/zltd/alps */
|
|
||||||
export function isNewlandN5sDevice(identity = getDeviceIdentity()) {
|
|
||||||
const model = String((identity && identity.model) || '').toLowerCase();
|
|
||||||
const text = `${identity.manufacturer || ''} ${identity.brand || ''} ${model}`.toLowerCase();
|
|
||||||
if (model === 'n5s' || model.includes('n5s')) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return text.includes('n5s') && (
|
|
||||||
text.includes('newland')
|
|
||||||
|| text.includes('zltd')
|
|
||||||
|| text.includes('nlscan')
|
|
||||||
|| text.includes('alps')
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function isWrongSeuicOnNewlandDevice(config, identity = getDeviceIdentity()) {
|
|
||||||
if (!config || isPhoneScanConfig(config)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (!isNewlandN5sDevice(identity) && !isModelMatch(identity, ['n5s'])) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
const brand = String(config.brand || '');
|
|
||||||
const action = String(config.action || '');
|
|
||||||
return brand === 'seuic'
|
|
||||||
|| action.includes('scannerservice.broadcast')
|
|
||||||
|| String(config.name || '').includes('东集')
|
|
||||||
|| String(config.name || '').includes('东大');
|
|
||||||
}
|
|
||||||
|
|
||||||
function scoreScannerConfig(config, identity) {
|
|
||||||
if (!config || isPhoneScanConfig(config)) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
let score = 0;
|
|
||||||
const rule = findDetectRule(config);
|
|
||||||
const deviceText = `${identity.manufacturer} ${identity.model} ${identity.brand}`;
|
|
||||||
|
|
||||||
if (canResolveBroadcast(config.action)) {
|
|
||||||
score += 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (rule) {
|
|
||||||
if ((rule.packages || []).some((pkg) => isPackageInstalled(pkg))) {
|
|
||||||
score += 60;
|
|
||||||
}
|
|
||||||
if ((rule.keywords || []).some((keyword) => deviceText.includes(String(keyword).toLowerCase()))) {
|
|
||||||
score += 40;
|
|
||||||
}
|
|
||||||
if (isModelMatch(identity, rule.models || [])) {
|
|
||||||
score += 80;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
score += getModelPreferredBoost(config, identity);
|
|
||||||
|
|
||||||
// 明确是 N5S 时,压低东集通用广播抢分
|
|
||||||
if (isNewlandN5sDevice(identity) && (
|
|
||||||
config.brand === 'seuic'
|
|
||||||
|| String(config.action || '').includes('scannerservice.broadcast')
|
|
||||||
)) {
|
|
||||||
score = Math.min(score, 30);
|
|
||||||
}
|
|
||||||
|
|
||||||
return score;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 在候选配置中选出最匹配当前设备的一项;非 PDA 且无命中则回落手机扫码
|
|
||||||
*/
|
|
||||||
export function matchBestScanConfig(candidateConfigs = []) {
|
|
||||||
const configs = (candidateConfigs || [])
|
|
||||||
.map((item) => normalizeConfig(item, BUILTIN_SCANNER_CONFIGS))
|
|
||||||
.filter(Boolean);
|
|
||||||
const pdaConfigs = configs.filter((item) => !isPhoneScanConfig(item));
|
|
||||||
const identity = getDeviceIdentity();
|
|
||||||
|
|
||||||
let best = null;
|
|
||||||
let bestScore = 0;
|
|
||||||
pdaConfigs.forEach((config) => {
|
|
||||||
const score = scoreScannerConfig(config, identity);
|
|
||||||
if (score > bestScore) {
|
|
||||||
bestScore = score;
|
|
||||||
best = config;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (best && bestScore > 0) {
|
|
||||||
return best;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!isPdaDevice()) {
|
|
||||||
return { ...PHONE_SCAN_CONFIG };
|
|
||||||
}
|
|
||||||
|
|
||||||
return pdaConfigs[0] || { ...PHONE_SCAN_CONFIG };
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 仅本地没有有效配置时,自动匹配并写入扫描设置。
|
|
||||||
* 若本地误把 N5S 识别成东集,则强制重配。
|
|
||||||
* @returns {{ saved: boolean, config: object|null, skipped: boolean, reason?: string }}
|
|
||||||
*/
|
|
||||||
export function autoConfigureScanSettings({ remoteConfigs = [] } = {}) {
|
|
||||||
const existing = getScanConfig(BUILTIN_SCANNER_CONFIGS);
|
|
||||||
const identity = getDeviceIdentity();
|
|
||||||
const forceRematch = !!(existing && isWrongSeuicOnNewlandDevice(existing, identity));
|
|
||||||
|
|
||||||
if (existing && !forceRematch) {
|
|
||||||
return {
|
|
||||||
saved: false,
|
|
||||||
skipped: true,
|
|
||||||
config: existing,
|
|
||||||
reason: 'local_exists',
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const candidates = mergeScannerConfigs(remoteConfigs);
|
|
||||||
const matched = matchBestScanConfig(candidates);
|
|
||||||
if (!matched) {
|
|
||||||
return {
|
|
||||||
saved: false,
|
|
||||||
skipped: false,
|
|
||||||
config: existing || null,
|
|
||||||
reason: 'no_match',
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const saved = saveScanConfig(matched);
|
|
||||||
return {
|
|
||||||
saved,
|
|
||||||
skipped: false,
|
|
||||||
config: matched,
|
|
||||||
reason: saved
|
|
||||||
? (forceRematch ? 'rematch_n5s_from_seuic' : 'saved')
|
|
||||||
: 'save_failed',
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|||||||
+44
-90
@@ -1,16 +1,18 @@
|
|||||||
// common/scanMixin.js
|
// common/scanMixin.js
|
||||||
// 多厂商PDA扫码器兼容方案 - 策略模式 + 配置表驱动
|
// 多厂商PDA扫码器兼容方案 - 策略模式 + 配置表驱动
|
||||||
import {
|
import {
|
||||||
BUILTIN_SCANNER_CONFIGS,
|
|
||||||
getScanConfig,
|
getScanConfig,
|
||||||
hasShownNoConfigHint,
|
hasShownNoConfigHint,
|
||||||
isPdaDevice as detectPdaDevice,
|
|
||||||
isPhoneScanConfig,
|
isPhoneScanConfig,
|
||||||
markNoConfigHintShown,
|
markNoConfigHintShown,
|
||||||
normalizeConfig,
|
normalizeConfig,
|
||||||
PHONE_SCAN_CONFIG,
|
PHONE_SCAN_CONFIG,
|
||||||
} from '@/common/scanConfig.js';
|
} from '@/common/scanConfig.js';
|
||||||
|
|
||||||
|
const PDA_DEVICE_KEYWORDS = [
|
||||||
|
'newland', 'nls', 'sunmi', 'urovo', 'zebra', 'honeywell', 'idata', 'seuic',
|
||||||
|
];
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -25,7 +27,29 @@ export default {
|
|||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
getScannerConfigs() {
|
getScannerConfigs() {
|
||||||
return BUILTIN_SCANNER_CONFIGS;
|
return [
|
||||||
|
{
|
||||||
|
brand: 'newland',
|
||||||
|
name: '东集',
|
||||||
|
action: 'com.android.server.scannerservice.broadcast',
|
||||||
|
dataKey: 'scannerdata',
|
||||||
|
needSetup: true,
|
||||||
|
setupAction: 'com.android.scanner.service_settings',
|
||||||
|
setupParams: {
|
||||||
|
action_barcode_broadcast: 'com.android.server.scannerservice.broadcast',
|
||||||
|
key_barcode_broadcast: 'scannerdata',
|
||||||
|
endchar: 'ENTER'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
brand: 'sunmi',
|
||||||
|
name: '商米',
|
||||||
|
action: 'com.sunmi.scanner.ACTION_DATA_CODE_RECEIVED',
|
||||||
|
dataKey: 'data',
|
||||||
|
needSetup: false
|
||||||
|
},
|
||||||
|
{ ...PHONE_SCAN_CONFIG },
|
||||||
|
];
|
||||||
},
|
},
|
||||||
|
|
||||||
getPhoneScanConfig() {
|
getPhoneScanConfig() {
|
||||||
@@ -33,7 +57,20 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
isPdaDevice() {
|
isPdaDevice() {
|
||||||
return detectPdaDevice();
|
// #ifdef APP-PLUS
|
||||||
|
try {
|
||||||
|
const Build = plus.android.importClass('android.os.Build');
|
||||||
|
const manufacturer = String(Build.MANUFACTURER || '').toLowerCase();
|
||||||
|
const model = String(Build.MODEL || '').toLowerCase();
|
||||||
|
return PDA_DEVICE_KEYWORDS.some((keyword) => {
|
||||||
|
return manufacturer.includes(keyword) || model.includes(keyword);
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log('检测设备类型失败', error);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
return false;
|
||||||
},
|
},
|
||||||
|
|
||||||
shouldUsePhoneScan() {
|
shouldUsePhoneScan() {
|
||||||
@@ -72,63 +109,20 @@ export default {
|
|||||||
return configs.length ? configs[0] : null;
|
return configs.length ? configs[0] : null;
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 停止手机连续扫码(含 Ba-Scanner) */
|
|
||||||
stopPhoneScanContinuous() {
|
|
||||||
this._phoneScanContinuousActive = false;
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
try {
|
|
||||||
const scanner = uni.requireNativePlugin('Ba-Scanner');
|
|
||||||
if (scanner && typeof scanner.onClose === 'function') {
|
|
||||||
scanner.onClose();
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
// 未购买/未打包原生插件时忽略
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 打开手机扫码
|
|
||||||
* @param {{ continuous?: boolean, callback?: Function, fail?: Function, scanType?: string[], hintText?: string, scanTimeSpace?: number }} options
|
|
||||||
* continuous=true 时优先用 Ba-Scanner 连续扫;无插件则扫完自动再开相机
|
|
||||||
*/
|
|
||||||
openPhoneScan(options = {}) {
|
openPhoneScan(options = {}) {
|
||||||
const callback = options.callback || this._scanCallback;
|
const callback = options.callback || this._scanCallback;
|
||||||
const continuous = !!options.continuous;
|
|
||||||
this._phoneScanContinuousActive = continuous;
|
|
||||||
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
if (continuous && this.openBaScannerContinuous(options, callback)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
// #ifdef APP-PLUS || MP-WEIXIN
|
// #ifdef APP-PLUS || MP-WEIXIN
|
||||||
uni.scanCode({
|
uni.scanCode({
|
||||||
scanType: options.scanType || ['qrCode', 'barCode'],
|
scanType: options.scanType || ['qrCode', 'barCode'],
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
const result = this.handleScanResult(res.result, callback);
|
this.handleScanResult(res.result, callback);
|
||||||
if (!continuous || !this._phoneScanContinuousActive) return;
|
|
||||||
Promise.resolve(result)
|
|
||||||
.catch(() => null)
|
|
||||||
.then(() => {
|
|
||||||
if (!this._phoneScanContinuousActive || !this.isPageActive) return;
|
|
||||||
setTimeout(() => {
|
|
||||||
if (!this._phoneScanContinuousActive || !this.isPageActive) return;
|
|
||||||
this.openPhoneScan(options);
|
|
||||||
}, Number(options.scanTimeSpace) > 0 ? Number(options.scanTimeSpace) : 400);
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail: (err) => {
|
||||||
console.error('手机扫码失败:', err);
|
console.error('手机扫码失败:', err);
|
||||||
this._phoneScanContinuousActive = false;
|
|
||||||
if (options.fail) {
|
if (options.fail) {
|
||||||
options.fail(err);
|
options.fail(err);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// 用户取消不打扰
|
|
||||||
const msg = (err && (err.errMsg || err.message)) || '';
|
|
||||||
if (/cancel|取消/i.test(msg)) return;
|
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '扫码失败',
|
title: '扫码失败',
|
||||||
icon: 'none',
|
icon: 'none',
|
||||||
@@ -146,41 +140,6 @@ export default {
|
|||||||
// #endif
|
// #endif
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
|
||||||
* Ba-Scanner 连续扫码(插件市场 id=9669)
|
|
||||||
* @returns {boolean} 是否已成功唤起原生连续扫
|
|
||||||
*/
|
|
||||||
openBaScannerContinuous(options = {}, callback) {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
try {
|
|
||||||
const scanner = uni.requireNativePlugin('Ba-Scanner');
|
|
||||||
if (!scanner || typeof scanner.onScan !== 'function') return false;
|
|
||||||
scanner.onScan(
|
|
||||||
{
|
|
||||||
isContinuous: true,
|
|
||||||
scanTimeSpace: Number(options.scanTimeSpace) > 0 ? Number(options.scanTimeSpace) : 1500,
|
|
||||||
isShowVibrate: options.isShowVibrate !== false,
|
|
||||||
isShowBeep: !!options.isShowBeep,
|
|
||||||
isShowToast: false,
|
|
||||||
isShowPhotoAlbum: options.isShowPhotoAlbum !== false,
|
|
||||||
hintText: options.hintText || '扫二维码/条形码,可连续扫',
|
|
||||||
barcodeFormats: options.barcodeFormats || ['QR Code', 'Code 128', 'Code 39', 'EAN-13', 'EAN-8'],
|
|
||||||
},
|
|
||||||
(ret) => {
|
|
||||||
if (!ret || !ret.result) return;
|
|
||||||
if (!this._phoneScanContinuousActive) return;
|
|
||||||
this.handleScanResult(ret.result, callback);
|
|
||||||
},
|
|
||||||
);
|
|
||||||
return true;
|
|
||||||
} catch (e) {
|
|
||||||
console.warn('Ba-Scanner 不可用,回退 uni.scanCode', e);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
triggerScan() {
|
triggerScan() {
|
||||||
if (this.usePhoneScanFallback) {
|
if (this.usePhoneScanFallback) {
|
||||||
this.openPhoneScan();
|
this.openPhoneScan();
|
||||||
@@ -308,8 +267,7 @@ export default {
|
|||||||
if (!self.isPageActive) return;
|
if (!self.isPageActive) return;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
// 广播回调里的 intent 需要按实例导入,否则 getStringExtra 不可用
|
plus.android.importClass('android.content.Intent');
|
||||||
plus.android.importClass(intent);
|
|
||||||
const scanResult = intent.getStringExtra(config.dataKey);
|
const scanResult = intent.getStringExtra(config.dataKey);
|
||||||
|
|
||||||
console.log(`${config.name}扫码结果:`, scanResult);
|
console.log(`${config.name}扫码结果:`, scanResult);
|
||||||
@@ -339,12 +297,11 @@ export default {
|
|||||||
console.log("扫码结果:", cleanCode);
|
console.log("扫码结果:", cleanCode);
|
||||||
|
|
||||||
if (scanCallback) {
|
if (scanCallback) {
|
||||||
return scanCallback(cleanCode);
|
scanCallback(cleanCode);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("处理扫码结果时出错:", error);
|
console.error("处理扫码结果时出错:", error);
|
||||||
}
|
}
|
||||||
return undefined;
|
|
||||||
},
|
},
|
||||||
|
|
||||||
unregisterScanBroadcast() {
|
unregisterScanBroadcast() {
|
||||||
@@ -396,13 +353,10 @@ export default {
|
|||||||
|
|
||||||
onHide() {
|
onHide() {
|
||||||
this.isPageActive = false;
|
this.isPageActive = false;
|
||||||
// 不在 onHide 里关 Ba-Scanner:打开原生扫码页也会触发 hide,误关会打断连续扫
|
|
||||||
// 无插件回退模式靠 isPageActive 控制是否自动再开相机
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onUnload() {
|
onUnload() {
|
||||||
this.isPageActive = false;
|
this.isPageActive = false;
|
||||||
this.stopPhoneScanContinuous();
|
|
||||||
this.unregisterScanBroadcast();
|
this.unregisterScanBroadcast();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -46,12 +46,13 @@ export const FABRIC_INFO_FIELDS = [
|
|||||||
|
|
||||||
/** 细码表格列(不含操作列) */
|
/** 细码表格列(不含操作列) */
|
||||||
export const FINE_CODE_TABLE_COLUMNS = [
|
export const FINE_CODE_TABLE_COLUMNS = [
|
||||||
{ label: '序号', key: 'seq', width: 90 },
|
{ label: '序号', key: 'seq', width: 80 },
|
||||||
{ label: '卷号', key: 'roll_no', width: 110 },
|
{ label: '卷号', key: 'roll_no', width: 110 },
|
||||||
|
{ label: '外部卷号', key: 'extern_volume_number', width: 140 },
|
||||||
{ label: '匹数', key: 'roll', width: 100 },
|
{ label: '匹数', key: 'roll', width: 100 },
|
||||||
{ label: '数量(重量)', key: 'weight', width: 160 },
|
{ label: '数量(重量)', key: 'weight', width: 140 },
|
||||||
{ label: '条码', key: 'bar_code', width: 280 },
|
{ label: '条码', key: 'bar_code', width: 280 },
|
||||||
{ label: '仓位', key: 'position', width: 140 },
|
{ label: '仓位', key: 'position', width: 130 },
|
||||||
];
|
];
|
||||||
|
|
||||||
/** 审核状态变更操作配置(apiKey 对应 gfmOtherDeliveryOrder 下的方法名) */
|
/** 审核状态变更操作配置(apiKey 对应 gfmOtherDeliveryOrder 下的方法名) */
|
||||||
@@ -61,19 +62,6 @@ export const STATUS_ACTION_CONFIG = {
|
|||||||
unapprove: { status: AUDIT_STATUS.PENDING, msg: '确认消审该单据?', apiKey: 'statusWait' },
|
unapprove: { status: AUDIT_STATUS.PENDING, msg: '确认消审该单据?', apiKey: 'statusWait' },
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 审核 / 消审 / 作废成功后播放的语音文案 */
|
|
||||||
export const STATUS_ACTION_VOICE = {
|
|
||||||
approve: '审核成功',
|
|
||||||
unapprove: '消审成功',
|
|
||||||
void: '作废成功',
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 将接口状态统一为数字,避免字符串导致按钮判断失效 */
|
|
||||||
export function toAuditStatus(status) {
|
|
||||||
const n = Number(status);
|
|
||||||
return Number.isFinite(n) ? n : DRAFT_AUDIT_STATUS;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 出仓类型:当前后端仅提供「坯布其他出货单」一种类型的接口
|
// 出仓类型:当前后端仅提供「坯布其他出货单」一种类型的接口
|
||||||
export const BILL_TYPES = [
|
export const BILL_TYPES = [
|
||||||
{ value: 'other', label: '坯布其他出货单' },
|
{ value: 'other', label: '坯布其他出货单' },
|
||||||
@@ -82,8 +70,8 @@ export const BILL_TYPES = [
|
|||||||
/** 列表分页拉取每页条数 */
|
/** 列表分页拉取每页条数 */
|
||||||
export const LIST_PAGE_SIZE = 100;
|
export const LIST_PAGE_SIZE = 100;
|
||||||
|
|
||||||
/** 往来单位类型:染厂(接收单位下拉筛选) */
|
/** 往来单位类型:染厂(染厂下拉筛选) */
|
||||||
export const BUSINESS_UNIT_TYPE_DYEING_FACTORY = 12;
|
export const BUSINESS_UNIT_TYPE_DYE_FACTORY = 12;
|
||||||
|
|
||||||
export function getStatusOptions() {
|
export function getStatusOptions() {
|
||||||
return Object.keys(AUDIT_STATUS_MAP).map((value) => ({
|
return Object.keys(AUDIT_STATUS_MAP).map((value) => ({
|
||||||
@@ -92,14 +80,7 @@ export function getStatusOptions() {
|
|||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 将下拉/列表接口响应转为 u-select 所需的 { value, label } */
|
export { mapToSelectOptions } from '@/common/remoteSelect';
|
||||||
export function mapToSelectOptions(data) {
|
|
||||||
const list = Array.isArray(data) ? data : (data && (data.list || data.items || data.records)) || [];
|
|
||||||
return list.map((item) => ({
|
|
||||||
value: item.id,
|
|
||||||
label: item.name || item.label || item.code || String(item.id),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
// 匹数:后端以 0.01 匹存储(乘以100的整数),展示需除以100
|
// 匹数:后端以 0.01 匹存储(乘以100的整数),展示需除以100
|
||||||
export function formatRoll(value) {
|
export function formatRoll(value) {
|
||||||
@@ -132,14 +113,12 @@ export function getFineCodeDisplayWeight(fineCode) {
|
|||||||
*/
|
*/
|
||||||
export function normalizeOrder(order) {
|
export function normalizeOrder(order) {
|
||||||
if (!order) return null;
|
if (!order) return null;
|
||||||
const normalizedItems = (order.item_data || []).map((item) => normalizeItem(item));
|
const itemData = groupItemData((order.item_data || []).map((item) => normalizeItem(item)));
|
||||||
const itemData = groupItemData(normalizedItems);
|
|
||||||
const auditStatus = toAuditStatus(order.audit_status);
|
|
||||||
return {
|
return {
|
||||||
id: order.id,
|
id: order.id,
|
||||||
order_no: order.order_no || '',
|
order_no: order.order_no || '',
|
||||||
audit_status: auditStatus,
|
audit_status: order.audit_status,
|
||||||
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[auditStatus] || '',
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
// 表头
|
// 表头
|
||||||
sale_system_id: order.sale_system_id || '',
|
sale_system_id: order.sale_system_id || '',
|
||||||
sale_system_name: order.sale_system_name || '',
|
sale_system_name: order.sale_system_name || '',
|
||||||
@@ -158,59 +137,26 @@ export function normalizeOrder(order) {
|
|||||||
total_roll: formatRoll(order.total_roll),
|
total_roll: formatRoll(order.total_roll),
|
||||||
total_weight: formatWeightKg(order.total_weight),
|
total_weight: formatWeightKg(order.total_weight),
|
||||||
item_data: itemData,
|
item_data: itemData,
|
||||||
summary_rows: buildSummaryRows(normalizedItems),
|
|
||||||
_raw: order,
|
_raw: order,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 扫码区下方汇总表列(与出仓明细表一致,可横向滑动) */
|
/** 扫码详情区表格列 */
|
||||||
export const SUMMARY_TABLE_COLUMNS = [
|
export const SCAN_DETAIL_TABLE_COLUMNS = [
|
||||||
{ label: '坯布编号', key: 'grey_fabric_code', width: 200 },
|
{ label: '坯布编号', key: 'grey_fabric_code', width: 160 },
|
||||||
{ label: '坯布名称', key: 'grey_fabric_name', width: 240 },
|
{ label: '坯布名称', key: 'grey_fabric_name', width: 160 },
|
||||||
{ label: '纱批', key: 'yarn_batch', width: 180 },
|
{ label: '纱批', key: 'yarn_batch', width: 130 },
|
||||||
{ label: '机台号', key: 'machine_number', width: 160 },
|
{ label: '机号', key: 'machine_number', width: 110 },
|
||||||
{ label: '条数', key: 'roll', width: 140 },
|
{ label: '条数', key: 'roll', width: 90 },
|
||||||
{ label: '重量', key: 'weight', width: 160 },
|
{ label: '重量', key: 'weight', width: 110 },
|
||||||
];
|
];
|
||||||
|
|
||||||
/** 汇总行归类:坯布编号 + 名称 + 纱批 + 机台号 */
|
/** 扫码详情区可勾选锁定维度(对应 PDAScanGfmOtherDeliveryOrderParam 的 *_lock;勾选后参与表格分组并随扫码请求传给后端) */
|
||||||
export function getSummaryGroupKey(item) {
|
|
||||||
return [
|
|
||||||
item.grey_fabric_code || '',
|
|
||||||
item.grey_fabric_name || '',
|
|
||||||
item.yarn_batch || '',
|
|
||||||
item.machine_number || '',
|
|
||||||
].join('|');
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 按坯布、纱批、机台号汇总条数和重量,供扫码区表格展示 */
|
|
||||||
export function buildSummaryRows(items) {
|
|
||||||
const grouped = new Map();
|
|
||||||
(items || []).forEach((item) => {
|
|
||||||
const groupKey = getSummaryGroupKey(item);
|
|
||||||
const existing = grouped.get(groupKey);
|
|
||||||
if (!existing) {
|
|
||||||
grouped.set(groupKey, {
|
|
||||||
...item,
|
|
||||||
group_key: groupKey,
|
|
||||||
fine_codes: [...(item.fine_codes || [])],
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
existing.fine_codes.push(...(item.fine_codes || []));
|
|
||||||
existing.roll = Number((Number(existing.roll || 0) + Number(item.roll || 0)).toFixed(2));
|
|
||||||
existing.weight = Number((Number(existing.weight || 0) + Number(item.weight || 0)).toFixed(2));
|
|
||||||
});
|
|
||||||
return Array.from(grouped.values());
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 扫码详情区汇总维度(勾选后随扫码请求把对应 lock 字段传给后端) */
|
|
||||||
export const SCAN_GROUP_OPTIONS = [
|
export const SCAN_GROUP_OPTIONS = [
|
||||||
{ key: 'produce_order_no', label: '合同' },
|
{ key: 'produce_order_no', label: '合同' },
|
||||||
{ key: 'grey_fabric_code', label: '布编' },
|
{ key: 'grey_fabric_code', label: '布编' },
|
||||||
{ key: 'yarn_batch', label: '纱批' },
|
{ key: 'yarn_batch', label: '纱批' },
|
||||||
{ key: 'machine_number', label: '机号' },
|
{ key: 'machine_number', label: '机号' },
|
||||||
{ key: 'volume_number', label: '布号' },
|
|
||||||
{ key: 'grey_fabric_level_name', label: '等级' },
|
{ key: 'grey_fabric_level_name', label: '等级' },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -223,6 +169,32 @@ export const SCAN_MERGE_FIELD_MAP = {
|
|||||||
grey_fabric_level_name: 'grey_fabric_level_id_lock',
|
grey_fabric_level_name: 'grey_fabric_level_id_lock',
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/** 扫码锁定维度不匹配时的语音文案(按匹配优先级排列) */
|
||||||
|
const SCAN_MISMATCH_VOICE_RULES = [
|
||||||
|
{ patterns: ['机台', '机号', 'machine_number'], voice: '机台不同' },
|
||||||
|
{ patterns: ['纱批', 'yarn_batch'], voice: '纱批不同' },
|
||||||
|
{ patterns: ['合同号', '合同', '生产通知单', 'produce_order'], voice: '合同号不同' },
|
||||||
|
{ patterns: ['布编', 'grey_fabric_code'], voice: '布编不同' },
|
||||||
|
{ patterns: ['等级', 'grey_fabric_level', 'level'], voice: '等级不同' },
|
||||||
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据后端错误信息解析锁定维度不匹配的播报文案
|
||||||
|
* @param {string} message
|
||||||
|
* @returns {string} 如「机台不同」;无法识别则返回空串
|
||||||
|
*/
|
||||||
|
export function resolveScanMismatchVoice(message) {
|
||||||
|
const msg = String(message || '');
|
||||||
|
if (!msg) return '';
|
||||||
|
for (let i = 0; i < SCAN_MISMATCH_VOICE_RULES.length; i++) {
|
||||||
|
const rule = SCAN_MISMATCH_VOICE_RULES[i];
|
||||||
|
if (rule.patterns.some((p) => msg.indexOf(p) !== -1)) {
|
||||||
|
return rule.voice;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
/** 构建扫码新增/删除请求参数(勾选锁定维度时附带当前详情区字段值) */
|
/** 构建扫码新增/删除请求参数(勾选锁定维度时附带当前详情区字段值) */
|
||||||
export function buildScanUpdateParams({ id, scanCode, scanType, groupKeys = [], detail = {} }) {
|
export function buildScanUpdateParams({ id, scanCode, scanType, groupKeys = [], detail = {} }) {
|
||||||
const params = {
|
const params = {
|
||||||
@@ -254,6 +226,7 @@ export function getEmptyScanDetail() {
|
|||||||
yarn_batch: '',
|
yarn_batch: '',
|
||||||
machine_number: '',
|
machine_number: '',
|
||||||
volume_number: '',
|
volume_number: '',
|
||||||
|
extern_volume_number: '',
|
||||||
grey_fabric_level_id: [],
|
grey_fabric_level_id: [],
|
||||||
grey_fabric_level_name: '',
|
grey_fabric_level_name: '',
|
||||||
weight: 0,
|
weight: 0,
|
||||||
@@ -287,6 +260,9 @@ export function buildScanDetailFromOrderResponse(order) {
|
|||||||
yarn_batch: raw.yarn_batch || '',
|
yarn_batch: raw.yarn_batch || '',
|
||||||
machine_number: raw.machine_number || '',
|
machine_number: raw.machine_number || '',
|
||||||
volume_number: raw.volume_number || '',
|
volume_number: raw.volume_number || '',
|
||||||
|
extern_volume_number: raw.extern_volume_number != null && raw.extern_volume_number !== ''
|
||||||
|
? String(raw.extern_volume_number)
|
||||||
|
: '',
|
||||||
grey_fabric_level_id: raw.grey_fabric_level_id || [],
|
grey_fabric_level_id: raw.grey_fabric_level_id || [],
|
||||||
grey_fabric_level_name: raw.grey_fabric_level_name || '',
|
grey_fabric_level_name: raw.grey_fabric_level_name || '',
|
||||||
weight: 0,
|
weight: 0,
|
||||||
@@ -338,6 +314,7 @@ export function buildScanDetailFromContext(context, order) {
|
|||||||
yarn_batch: item.yarn_batch || '',
|
yarn_batch: item.yarn_batch || '',
|
||||||
machine_number: item.machine_number || '',
|
machine_number: item.machine_number || '',
|
||||||
volume_number: fineCode.fabric_piece_code || fineCode.roll_no || fineCode.bar_code || '',
|
volume_number: fineCode.fabric_piece_code || fineCode.roll_no || fineCode.bar_code || '',
|
||||||
|
extern_volume_number: fineCode.extern_volume_number || '',
|
||||||
grey_fabric_level_name: item.grey_fabric_level_name || '',
|
grey_fabric_level_name: item.grey_fabric_level_name || '',
|
||||||
weight: getFineCodeDisplayWeight(fineCode),
|
weight: getFineCodeDisplayWeight(fineCode),
|
||||||
scanned_roll: Number(scannedRoll.toFixed(2)),
|
scanned_roll: Number(scannedRoll.toFixed(2)),
|
||||||
@@ -347,6 +324,56 @@ export function buildScanDetailFromContext(context, order) {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function aggregateScanTableRows(rows, keys) {
|
||||||
|
const map = new Map();
|
||||||
|
rows.forEach((row) => {
|
||||||
|
const groupId = keys.map((k) => row[k] || '').join('|');
|
||||||
|
const existing = map.get(groupId);
|
||||||
|
if (!existing) {
|
||||||
|
map.set(groupId, { ...row, roll: 0, raw_weight: 0 });
|
||||||
|
}
|
||||||
|
const agg = map.get(groupId);
|
||||||
|
agg.roll = Number((agg.roll + Number(row.roll || 0)).toFixed(2));
|
||||||
|
agg.raw_weight = Number(agg.raw_weight || 0) + Number(row.raw_weight || 0);
|
||||||
|
});
|
||||||
|
return Array.from(map.values()).map((row) => ({
|
||||||
|
...row,
|
||||||
|
weight: formatWeightKg(row.raw_weight),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建扫码详情区汇总表格数据 */
|
||||||
|
export function buildScanDetailTableRows(itemData, groupKeys = []) {
|
||||||
|
const rows = [];
|
||||||
|
(itemData || []).forEach((item) => {
|
||||||
|
(item.fine_codes || []).forEach((fc) => {
|
||||||
|
rows.push({
|
||||||
|
customer_name: item.customer_name || '',
|
||||||
|
produce_order_no: item.produce_order_no || item.contract_no || '',
|
||||||
|
grey_fabric_code: item.grey_fabric_code || '',
|
||||||
|
grey_fabric_name: item.grey_fabric_name || '',
|
||||||
|
yarn_batch: item.yarn_batch || '',
|
||||||
|
machine_number: item.machine_number || '',
|
||||||
|
volume_number: fc.roll_no || fc.fabric_piece_code || '',
|
||||||
|
grey_fabric_level_name: item.grey_fabric_level_name || '',
|
||||||
|
roll: fc.roll || 0,
|
||||||
|
raw_weight: fc.raw_weight != null ? fc.raw_weight : 0,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
if (!rows.length) return [];
|
||||||
|
const keys = (groupKeys || []).filter(Boolean);
|
||||||
|
if (!keys.length) {
|
||||||
|
return aggregateScanTableRows(rows, ['grey_fabric_code', 'grey_fabric_name', 'yarn_batch', 'machine_number']);
|
||||||
|
}
|
||||||
|
return aggregateScanTableRows(rows, keys);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getScanDetailTableWidth(columns) {
|
||||||
|
const total = (columns || []).reduce((sum, col) => sum + (col.width || 120), 0);
|
||||||
|
return `${total}rpx`;
|
||||||
|
}
|
||||||
|
|
||||||
export function normalizeItem(item) {
|
export function normalizeItem(item) {
|
||||||
const machineStockRaw = item.machine_stock_roll ?? item.machine_stock ?? item.machine_inventory_roll;
|
const machineStockRaw = item.machine_stock_roll ?? item.machine_stock ?? item.machine_inventory_roll;
|
||||||
return {
|
return {
|
||||||
@@ -374,6 +401,9 @@ export function normalizeItem(item) {
|
|||||||
fine_codes: (item.item_fc_data || []).map((fc) => ({
|
fine_codes: (item.item_fc_data || []).map((fc) => ({
|
||||||
id: fc.id,
|
id: fc.id,
|
||||||
roll_no: fc.volume_number || '',
|
roll_no: fc.volume_number || '',
|
||||||
|
extern_volume_number: fc.extern_volume_number != null && fc.extern_volume_number !== ''
|
||||||
|
? String(fc.extern_volume_number)
|
||||||
|
: '',
|
||||||
fabric_piece_code: fc.fabric_piece_code || '',
|
fabric_piece_code: fc.fabric_piece_code || '',
|
||||||
bar_code: fc.fabric_piece_code || fc.bar_code || '',
|
bar_code: fc.fabric_piece_code || fc.bar_code || '',
|
||||||
position: fc.position || '',
|
position: fc.position || '',
|
||||||
@@ -440,13 +470,11 @@ export function formatDisplayTime(value, format = 'YYYY-MM-DD') {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function canScanAtStatus(status) {
|
export function canScanAtStatus(status) {
|
||||||
const s = toAuditStatus(status);
|
return [AUDIT_STATUS.PENDING, AUDIT_STATUS.REJECTED].includes(status);
|
||||||
return s === AUDIT_STATUS.PENDING || s === AUDIT_STATUS.REJECTED;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function isLockedOrderStatus(status) {
|
export function isLockedOrderStatus(status) {
|
||||||
const s = toAuditStatus(status);
|
return [AUDIT_STATUS.APPROVED, AUDIT_STATUS.VOIDED].includes(status);
|
||||||
return s === AUDIT_STATUS.APPROVED || s === AUDIT_STATUS.VOIDED;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 分页拉取全部列表(直至末页) */
|
/** 分页拉取全部列表(直至末页) */
|
||||||
@@ -461,14 +489,9 @@ export function fetchAllOrderList(listFn, params = {}, pageSize = LIST_PAGE_SIZE
|
|||||||
return loadPage(1, []);
|
return loadPage(1, []);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 新增/编辑页底部:审核、作废 / 已审核时消审 */
|
/** 新增/编辑页底部:审核、作废 */
|
||||||
export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
||||||
if (!headerSaved || !orderId) return [];
|
if (!headerSaved || !orderId || !canScanAtStatus(status)) return [];
|
||||||
const s = toAuditStatus(status);
|
|
||||||
if (s === AUDIT_STATUS.APPROVED) {
|
|
||||||
return [{ label: '消审', action: 'unapprove' }];
|
|
||||||
}
|
|
||||||
if (!canScanAtStatus(s)) return [];
|
|
||||||
return [
|
return [
|
||||||
{ label: '审核', action: 'approve' },
|
{ label: '审核', action: 'approve' },
|
||||||
{ label: '作废', action: 'void' },
|
{ label: '作废', action: 'void' },
|
||||||
@@ -477,15 +500,14 @@ export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
|||||||
|
|
||||||
/** 查看页底部:编辑、审核、作废 / 消审 */
|
/** 查看页底部:编辑、审核、作废 / 消审 */
|
||||||
export function getViewStatusActionButtons(status) {
|
export function getViewStatusActionButtons(status) {
|
||||||
const s = toAuditStatus(status);
|
if (status === AUDIT_STATUS.PENDING || status === AUDIT_STATUS.REJECTED) {
|
||||||
if (s === AUDIT_STATUS.PENDING || s === AUDIT_STATUS.REJECTED) {
|
|
||||||
return [
|
return [
|
||||||
{ label: '编辑', action: 'edit' },
|
{ label: '编辑', action: 'edit' },
|
||||||
{ label: '审核', action: 'approve' },
|
{ label: '审核', action: 'approve' },
|
||||||
{ label: '作废', action: 'void' },
|
{ label: '作废', action: 'void' },
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
if (s === AUDIT_STATUS.APPROVED) {
|
if (status === AUDIT_STATUS.APPROVED) {
|
||||||
return [{ label: '消审', action: 'unapprove' }];
|
return [{ label: '消审', action: 'unapprove' }];
|
||||||
}
|
}
|
||||||
return [];
|
return [];
|
||||||
@@ -500,14 +522,12 @@ export function orderToFormFields(order) {
|
|||||||
delivery_time: order.delivery_time,
|
delivery_time: order.delivery_time,
|
||||||
remark: order.remark,
|
remark: order.remark,
|
||||||
item_data: order.item_data,
|
item_data: order.item_data,
|
||||||
summary_rows: order.summary_rows || [],
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getFineCodeTableColumns(readonly) {
|
export function getFineCodeTableColumns(readonly) {
|
||||||
const cols = [...FINE_CODE_TABLE_COLUMNS];
|
const cols = [...FINE_CODE_TABLE_COLUMNS];
|
||||||
// 操作列放前面,避免 PDA 小屏横向滚动后才看到删除
|
if (!readonly) cols.push({ label: '操作', key: 'action', width: 100 });
|
||||||
if (!readonly) cols.splice(1, 0, { label: '操作', key: 'action', width: 160 });
|
|
||||||
return cols;
|
return cols;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -515,6 +535,7 @@ export function mapFineCodeTableRows(list, readonly) {
|
|||||||
return (list || []).map((item, index) => ({
|
return (list || []).map((item, index) => ({
|
||||||
seq: index + 1,
|
seq: index + 1,
|
||||||
roll_no: item.roll_no || '-',
|
roll_no: item.roll_no || '-',
|
||||||
|
extern_volume_number: item.extern_volume_number || '-',
|
||||||
roll: item.roll != null && item.roll !== '' ? item.roll : '-',
|
roll: item.roll != null && item.roll !== '' ? item.roll : '-',
|
||||||
weight: item.weight != null && item.weight !== '' ? `${item.weight}` : '-',
|
weight: item.weight != null && item.weight !== '' ? `${item.weight}` : '-',
|
||||||
bar_code: item.bar_code || '-',
|
bar_code: item.bar_code || '-',
|
||||||
@@ -533,7 +554,7 @@ export function getFineCodeTableWidth(columns) {
|
|||||||
* @param {Vue} vm 页面实例,需有 $u.api 与 showError
|
* @param {Vue} vm 页面实例,需有 $u.api 与 showError
|
||||||
* @param {{ orderId: number, action: string, onSuccess?: Function }} options
|
* @param {{ orderId: number, action: string, onSuccess?: Function }} options
|
||||||
*/
|
*/
|
||||||
export function confirmOrderStatusAction(vm, { orderId, action, onSuccess, onCancel }) {
|
export function confirmOrderStatusAction(vm, { orderId, action, onSuccess }) {
|
||||||
const cfg = STATUS_ACTION_CONFIG[action];
|
const cfg = STATUS_ACTION_CONFIG[action];
|
||||||
if (!cfg || !orderId) return;
|
if (!cfg || !orderId) return;
|
||||||
const api = vm.$u.api.gfmOtherDeliveryOrder;
|
const api = vm.$u.api.gfmOtherDeliveryOrder;
|
||||||
@@ -543,10 +564,7 @@ export function confirmOrderStatusAction(vm, { orderId, action, onSuccess, onCan
|
|||||||
title: '提示',
|
title: '提示',
|
||||||
content: cfg.msg,
|
content: cfg.msg,
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (!res.confirm) {
|
if (!res.confirm) return;
|
||||||
if (typeof onCancel === 'function') onCancel();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
uni.showLoading({ title: '处理中...' });
|
uni.showLoading({ title: '处理中...' });
|
||||||
requestFn(buildStatusParam(orderId, cfg.status))
|
requestFn(buildStatusParam(orderId, cfg.status))
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|||||||
@@ -53,16 +53,17 @@ export const STOCK_TABLE_COLUMNS = [
|
|||||||
|
|
||||||
/** 细码明细表格列 */
|
/** 细码明细表格列 */
|
||||||
export const WAREHOUSE_DETAIL_COLUMNS = [
|
export const WAREHOUSE_DETAIL_COLUMNS = [
|
||||||
{ label: '序号', key: 'seq', width: 70 },
|
{ label: '序号', key: 'seq', width: 80 },
|
||||||
{ label: '卷号', key: 'volume_number', width: 90 },
|
{ label: '卷号', key: 'volume_number', width: 110 },
|
||||||
{ label: '匹数', key: 'roll', width: 90 },
|
{ label: '外部卷号', key: 'extern_volume_number', width: 140 },
|
||||||
{ label: '数量(KG)', key: 'weight', width: 110 },
|
{ label: '匹数', key: 'roll', width: 100 },
|
||||||
{ label: '条码', key: 'bar_code', width: 240 },
|
{ label: '数量(KG)', key: 'weight', width: 130 },
|
||||||
{ label: '仓位', key: 'position', width: 100 },
|
{ label: '条码', key: 'bar_code', width: 280 },
|
||||||
{ label: '颜色', key: 'gray_fabric_color_name', width: 100 },
|
{ label: '仓位', key: 'position', width: 120 },
|
||||||
{ label: '织厂', key: 'supplier_name', width: 120 },
|
{ label: '颜色', key: 'gray_fabric_color_name', width: 120 },
|
||||||
{ label: '机台', key: 'machine_number', width: 90 },
|
{ label: '织厂', key: 'supplier_name', width: 140 },
|
||||||
{ label: '库龄(天)', key: 'days_of_age', width: 90 },
|
{ label: '机台', key: 'machine_number', width: 100 },
|
||||||
|
{ label: '库龄(天)', key: 'days_of_age', width: 110 },
|
||||||
];
|
];
|
||||||
|
|
||||||
export function formatStockWeightWithUnit(weight, unitName) {
|
export function formatStockWeightWithUnit(weight, unitName) {
|
||||||
@@ -244,6 +245,7 @@ export function mapWarehouseDetailRows(list = []) {
|
|||||||
return (list || []).map((item, index) => ({
|
return (list || []).map((item, index) => ({
|
||||||
seq: index + 1,
|
seq: index + 1,
|
||||||
volume_number: item.volume_number || '-',
|
volume_number: item.volume_number || '-',
|
||||||
|
extern_volume_number: item.extern_volume_number || '-',
|
||||||
roll: item.num != null && item.num !== '' ? formatRoll(item.num) : '-',
|
roll: item.num != null && item.num !== '' ? formatRoll(item.num) : '-',
|
||||||
weight: item.weight != null && item.weight !== '' ? formatWeightKg(item.weight) : '-',
|
weight: item.weight != null && item.weight !== '' ? formatWeightKg(item.weight) : '-',
|
||||||
bar_code: item.bar_code || item.fabric_piece_code || '-',
|
bar_code: item.bar_code || item.fabric_piece_code || '-',
|
||||||
|
|||||||
@@ -0,0 +1,456 @@
|
|||||||
|
/**
|
||||||
|
* 加工进仓单常量与数据工具
|
||||||
|
*
|
||||||
|
* 真实接口请求统一注册在 src/common/http.api.js 的 vm.$u.api.fpmProcessInOrder 下。
|
||||||
|
*/
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS = {
|
||||||
|
PENDING: 1,
|
||||||
|
APPROVED: 2,
|
||||||
|
REJECTED: 3,
|
||||||
|
VOIDED: 4,
|
||||||
|
};
|
||||||
|
|
||||||
|
export const DRAFT_AUDIT_STATUS = 0;
|
||||||
|
export const DRAFT_AUDIT_STATUS_NAME = '待保存';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS_MAP = {
|
||||||
|
1: '待审核',
|
||||||
|
2: '已审核',
|
||||||
|
3: '已驳回',
|
||||||
|
4: '已作废',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 操作类型:1录入 3删除 */
|
||||||
|
export const ARRANGE_TYPE = {
|
||||||
|
IN: 1,
|
||||||
|
DEL: 3,
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 入仓类型:加工进仓单 */
|
||||||
|
export const IN_ORDER_TYPE_PROCESS = 5;
|
||||||
|
|
||||||
|
/** 入仓类型:返修进仓 */
|
||||||
|
export const IN_ORDER_TYPE_REPAIR = 6;
|
||||||
|
|
||||||
|
export const IN_ORDER_TYPE_MAP = {
|
||||||
|
[IN_ORDER_TYPE_PROCESS]: '加工进仓单',
|
||||||
|
[IN_ORDER_TYPE_REPAIR]: '返修进仓',
|
||||||
|
};
|
||||||
|
|
||||||
|
export const IN_ORDER_TYPE_OPTIONS = [
|
||||||
|
{ value: IN_ORDER_TYPE_PROCESS, label: IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PROCESS] },
|
||||||
|
{ value: IN_ORDER_TYPE_REPAIR, label: IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_REPAIR] },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 默认纸筒重量(公斤,表单展示值) */
|
||||||
|
export const DEFAULT_PAPER_TUBE_WEIGHT = 0.3;
|
||||||
|
|
||||||
|
/** 默认包装重量(公斤,表单展示值) */
|
||||||
|
export const DEFAULT_PACKAGE_WEIGHT = 0.15;
|
||||||
|
|
||||||
|
/** 往来单位类型:加工单位 */
|
||||||
|
export const BUSINESS_UNIT_TYPE_PROCESS = 12;
|
||||||
|
|
||||||
|
/** 成品物理仓类型 */
|
||||||
|
export const WAREHOUSE_TYPE_FINISHED = 103;
|
||||||
|
|
||||||
|
/** 默认仓库名称 */
|
||||||
|
export const DEFAULT_WAREHOUSE_NAME = '成品仓';
|
||||||
|
|
||||||
|
export const LIST_PAGE_SIZE = 100;
|
||||||
|
|
||||||
|
export const STATUS_ACTION_CONFIG = {
|
||||||
|
approve: { status: AUDIT_STATUS.APPROVED, msg: '确认审核该单据?', apiKey: 'statusPass' },
|
||||||
|
void: { status: AUDIT_STATUS.VOIDED, msg: '确认作废该单据?', apiKey: 'statusCancel' },
|
||||||
|
unapprove: { status: AUDIT_STATUS.PENDING, msg: '确认消审该单据?', apiKey: 'statusWait' },
|
||||||
|
};
|
||||||
|
|
||||||
|
export function getStatusOptions() {
|
||||||
|
return Object.keys(AUDIT_STATUS_MAP).map((value) => ({
|
||||||
|
value,
|
||||||
|
label: AUDIT_STATUS_MAP[value],
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export { mapToSelectOptions } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
/** 匹数:后端 ×100 存储 */
|
||||||
|
export function formatRoll(value) {
|
||||||
|
const n = Number(value || 0) / 100;
|
||||||
|
return Number.isInteger(n) ? n : Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 数量(公斤):后端 ×10000 存储 */
|
||||||
|
export function formatWeightKg(value) {
|
||||||
|
const n = Number(value || 0) / 10000;
|
||||||
|
return Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 公斤展示值转后端存储(×10000) */
|
||||||
|
export function toWeightStorage(value) {
|
||||||
|
return Math.round(Number(value || 0) * 10000);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeOrder(order) {
|
||||||
|
if (!order) return null;
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
process_unit_id: order.process_unit_id || '',
|
||||||
|
process_name: order.process_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
sale_system_id: order.sale_system_id || '',
|
||||||
|
sale_system_name: order.sale_system_name || '',
|
||||||
|
in_order_type: order.in_order_type || IN_ORDER_TYPE_PROCESS,
|
||||||
|
in_order_type_name: order.in_order_type_name
|
||||||
|
|| IN_ORDER_TYPE_MAP[order.in_order_type]
|
||||||
|
|| IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PROCESS],
|
||||||
|
paper_tube_weight: formatWeightKg(order.paper_tube_weight),
|
||||||
|
package_weight: formatWeightKg(order.package_weight),
|
||||||
|
remark: order.remark || '',
|
||||||
|
warehouse_in_time: (order.warehouse_in_time || '').slice(0, 10),
|
||||||
|
creator_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_time: order.audit_time || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
total_weight: formatWeightKg(order.total_weight),
|
||||||
|
total_length: formatRoll(order.total_length),
|
||||||
|
item_data: (order.item_data || []).map(normalizeItem),
|
||||||
|
_raw: order,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeFineCode(fc) {
|
||||||
|
if (!fc) return null;
|
||||||
|
const weightRaw = fc.base_unit_weight != null
|
||||||
|
? fc.base_unit_weight
|
||||||
|
: (fc.settle_weight != null ? fc.settle_weight : fc.weight);
|
||||||
|
const qrCode = fc.qr_code || fc.long_code || '';
|
||||||
|
const barCode = fc.bar_code || fc.digital_code || fc.short_code || '';
|
||||||
|
return {
|
||||||
|
id: fc.id,
|
||||||
|
volume_number: fc.volume_number != null && fc.volume_number !== '' ? String(fc.volume_number) : '',
|
||||||
|
extern_volume_number: fc.extern_volume_number != null && fc.extern_volume_number !== ''
|
||||||
|
? String(fc.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
roll: formatRoll(fc.roll),
|
||||||
|
weight: formatWeightKg(weightRaw),
|
||||||
|
bar_code: barCode,
|
||||||
|
qr_code: qrCode,
|
||||||
|
digital_code: fc.digital_code || '',
|
||||||
|
long_code: fc.long_code || '',
|
||||||
|
short_code: fc.short_code || '',
|
||||||
|
dye_factory_dyelot_number: fc.dye_factory_dyelot_number || fc.dyelot_number || '',
|
||||||
|
warehouse_bin_name: fc.warehouse_bin_name || '',
|
||||||
|
shelf_no: fc.shelf_no || '',
|
||||||
|
scan_code: qrCode || barCode || '',
|
||||||
|
paper_tube_weight: fc.paper_tube_weight != null && fc.paper_tube_weight !== ''
|
||||||
|
? formatWeightKg(fc.paper_tube_weight)
|
||||||
|
: null,
|
||||||
|
package_weight: fc.package_weight != null && fc.package_weight !== ''
|
||||||
|
? formatWeightKg(fc.package_weight)
|
||||||
|
: null,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeItem(item) {
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
dye_factory_color_code: item.dye_factory_color_code || '',
|
||||||
|
in_roll: formatRoll(item.in_roll),
|
||||||
|
in_weight: formatWeightKg(item.in_weight),
|
||||||
|
item_fc_data: (item.item_fc_data || []).map(normalizeFineCode).filter(Boolean),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 明细分组:成品编号 → 成品色号 → 细码
|
||||||
|
*/
|
||||||
|
export function buildItemGroups(items) {
|
||||||
|
const productMap = new Map();
|
||||||
|
(items || []).forEach((item) => {
|
||||||
|
const productKey = item.product_code || '-';
|
||||||
|
if (!productMap.has(productKey)) {
|
||||||
|
productMap.set(productKey, {
|
||||||
|
group_key: `p:${productKey}`,
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
in_roll: 0,
|
||||||
|
in_weight: 0,
|
||||||
|
colors: new Map(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const productGroup = productMap.get(productKey);
|
||||||
|
if (!productGroup.product_name && item.product_name) {
|
||||||
|
productGroup.product_name = item.product_name;
|
||||||
|
}
|
||||||
|
|
||||||
|
const colorKey = item.product_color_code || item.product_color_name || '-';
|
||||||
|
if (!productGroup.colors.has(colorKey)) {
|
||||||
|
productGroup.colors.set(colorKey, {
|
||||||
|
group_key: `p:${productKey}|c:${colorKey}`,
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
in_roll: 0,
|
||||||
|
in_weight: 0,
|
||||||
|
fine_codes: [],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const colorGroup = productGroup.colors.get(colorKey);
|
||||||
|
productGroup.in_roll = Number((productGroup.in_roll + Number(item.in_roll || 0)).toFixed(2));
|
||||||
|
productGroup.in_weight = Number((productGroup.in_weight + Number(item.in_weight || 0)).toFixed(2));
|
||||||
|
colorGroup.in_roll = Number((colorGroup.in_roll + Number(item.in_roll || 0)).toFixed(2));
|
||||||
|
colorGroup.in_weight = Number((colorGroup.in_weight + Number(item.in_weight || 0)).toFixed(2));
|
||||||
|
if (item.quote_order_no) colorGroup.quote_order_no = item.quote_order_no;
|
||||||
|
if (item.dye_factory_dyelot_number) {
|
||||||
|
colorGroup.dye_factory_dyelot_number = item.dye_factory_dyelot_number;
|
||||||
|
}
|
||||||
|
if (!colorGroup.product_color_name && item.product_color_name) {
|
||||||
|
colorGroup.product_color_name = item.product_color_name;
|
||||||
|
}
|
||||||
|
colorGroup.fine_codes.push(...(item.item_fc_data || []));
|
||||||
|
});
|
||||||
|
|
||||||
|
return Array.from(productMap.values()).map((product) => ({
|
||||||
|
group_key: product.group_key,
|
||||||
|
product_code: product.product_code,
|
||||||
|
product_name: product.product_name,
|
||||||
|
in_roll: product.in_roll,
|
||||||
|
in_weight: product.in_weight,
|
||||||
|
colors: Array.from(product.colors.values()),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getEmptyScanDetail() {
|
||||||
|
return {
|
||||||
|
quote_order_no: '',
|
||||||
|
dyelot_number: '',
|
||||||
|
volume_number: '',
|
||||||
|
extern_volume_number: '',
|
||||||
|
product_code: '',
|
||||||
|
product_color_code: '',
|
||||||
|
order_roll: 0,
|
||||||
|
item_roll: 0,
|
||||||
|
order_weight: 0,
|
||||||
|
item_weight: 0,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 刚扫细码的数量(公斤存储值):优先细码 weight */
|
||||||
|
function pickScannedFineWeight(res) {
|
||||||
|
if (!res) return 0;
|
||||||
|
if (res.weight != null && res.weight !== '') return res.weight;
|
||||||
|
if (res.base_unit_weight != null && res.base_unit_weight !== '') return res.base_unit_weight;
|
||||||
|
if (res.settle_weight != null && res.settle_weight !== '') return res.settle_weight;
|
||||||
|
if (res.actually_weight != null && res.actually_weight !== '') return res.actually_weight;
|
||||||
|
return res.item_weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从扫码接口返回构建详情区(匹数÷100,数量÷10000) */
|
||||||
|
export function buildScanDetailFromScanResponse(res) {
|
||||||
|
if (!res) return getEmptyScanDetail();
|
||||||
|
return {
|
||||||
|
quote_order_no: res.quote_order_no || '',
|
||||||
|
dyelot_number: res.dyelot_number || '',
|
||||||
|
volume_number: res.volume_number != null && res.volume_number !== '' ? String(res.volume_number) : '',
|
||||||
|
extern_volume_number: res.extern_volume_number != null && res.extern_volume_number !== ''
|
||||||
|
? String(res.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
product_code: res.product_code || '',
|
||||||
|
product_color_code: res.product_color_code || '',
|
||||||
|
order_roll: formatRoll(res.order_roll != null ? res.order_roll : res.total_roll),
|
||||||
|
item_roll: formatRoll(res.item_roll != null ? res.item_roll : res.roll),
|
||||||
|
order_weight: formatWeightKg(res.order_weight != null ? res.order_weight : res.total_weight),
|
||||||
|
// 本行数量:刚扫这条细码的重量(weight),不是明细行合计
|
||||||
|
item_weight: formatWeightKg(pickScannedFineWeight(res)),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 校验纸筒/包装重量(扫码时提交) */
|
||||||
|
export function validateScanWeights(paperTubeWeight, packageWeight) {
|
||||||
|
if (paperTubeWeight === '' || paperTubeWeight == null) {
|
||||||
|
return '请输入纸筒重量';
|
||||||
|
}
|
||||||
|
if (Number.isNaN(Number(paperTubeWeight))) return '纸筒重量格式不正确';
|
||||||
|
if (packageWeight === '' || packageWeight == null) {
|
||||||
|
return '请输入包装重量';
|
||||||
|
}
|
||||||
|
if (Number.isNaN(Number(packageWeight))) return '包装重量格式不正确';
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建扫码请求参数(纸筒/包装重量在扫码时提交,公斤值需 ×10000) */
|
||||||
|
export function buildScanUpdateParams({
|
||||||
|
id,
|
||||||
|
scanCode,
|
||||||
|
arrangeType,
|
||||||
|
warehouseBinId,
|
||||||
|
paperTubeWeight,
|
||||||
|
packageWeight,
|
||||||
|
}) {
|
||||||
|
const code = (scanCode || '').trim();
|
||||||
|
const params = {
|
||||||
|
id: Number(id),
|
||||||
|
arrange_type: arrangeType,
|
||||||
|
paper_tube_weight: toWeightStorage(paperTubeWeight),
|
||||||
|
package_weight: toWeightStorage(packageWeight),
|
||||||
|
};
|
||||||
|
if (warehouseBinId) {
|
||||||
|
params.warehouse_bin_id = Number(warehouseBinId);
|
||||||
|
}
|
||||||
|
// 长度大于25走二维码,否则走条码
|
||||||
|
if (code.length > 25) {
|
||||||
|
params.qr_code = code;
|
||||||
|
} else {
|
||||||
|
params.bar_code = code;
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function buildStatusParam(id) {
|
||||||
|
return { id: String(id) };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatDisplayTime(value, format = 'YYYY-MM-DD') {
|
||||||
|
if (!value) return '';
|
||||||
|
const parsed = dayjs(value);
|
||||||
|
return parsed.isValid() ? parsed.format(format) : String(value).slice(0, 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function canScanAtStatus(status) {
|
||||||
|
return [AUDIT_STATUS.PENDING, AUDIT_STATUS.REJECTED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isLockedOrderStatus(status) {
|
||||||
|
return [AUDIT_STATUS.APPROVED, AUDIT_STATUS.VOIDED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchAllOrderList(listFn, params = {}, pageSize = LIST_PAGE_SIZE) {
|
||||||
|
const pickBatch = (res) => {
|
||||||
|
if (Array.isArray(res)) return res;
|
||||||
|
if (!res || typeof res !== 'object') return [];
|
||||||
|
return res.list || res.records || res.items || [];
|
||||||
|
};
|
||||||
|
const loadPage = (page, acc) => listFn({ ...params, page, size: pageSize })
|
||||||
|
.then((res) => {
|
||||||
|
const batch = pickBatch(res);
|
||||||
|
if (!batch.length) return acc;
|
||||||
|
// 一次返回超过 pageSize:后端忽略分页,视为全量,避免死循环翻页
|
||||||
|
if (batch.length > pageSize) return acc.concat(batch);
|
||||||
|
// 翻页后与首页首条相同:后端忽略 page,避免死循环
|
||||||
|
if (
|
||||||
|
page > 1
|
||||||
|
&& acc.length
|
||||||
|
&& batch[0]
|
||||||
|
&& acc[0]
|
||||||
|
&& String(batch[0].id) === String(acc[0].id)
|
||||||
|
) {
|
||||||
|
return acc;
|
||||||
|
}
|
||||||
|
const merged = acc.concat(batch);
|
||||||
|
const total = !Array.isArray(res) && res != null ? Number(res.total) : NaN;
|
||||||
|
if (!Number.isNaN(total) && merged.length >= total) return merged;
|
||||||
|
if (batch.length < pageSize) return merged;
|
||||||
|
return loadPage(page + 1, merged);
|
||||||
|
});
|
||||||
|
return loadPage(1, []);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
||||||
|
if (!headerSaved || !orderId || !canScanAtStatus(status)) return [];
|
||||||
|
return [
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getViewStatusActionButtons(status) {
|
||||||
|
if (status === AUDIT_STATUS.PENDING || status === AUDIT_STATUS.REJECTED) {
|
||||||
|
return [
|
||||||
|
{ label: '编辑', action: 'edit' },
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
if (status === AUDIT_STATUS.APPROVED) {
|
||||||
|
return [{ label: '消审', action: 'unapprove' }];
|
||||||
|
}
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function orderToFormFields(order) {
|
||||||
|
return {
|
||||||
|
order_no: order.order_no,
|
||||||
|
process_unit_id: order.process_unit_id,
|
||||||
|
process_name: order.process_name,
|
||||||
|
warehouse_id: order.warehouse_id,
|
||||||
|
warehouse_name: order.warehouse_name,
|
||||||
|
sale_system_id: order.sale_system_id,
|
||||||
|
sale_system_name: order.sale_system_name,
|
||||||
|
in_order_type: order.in_order_type || IN_ORDER_TYPE_PROCESS,
|
||||||
|
in_order_type_name: order.in_order_type_name
|
||||||
|
|| IN_ORDER_TYPE_MAP[order.in_order_type]
|
||||||
|
|| IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PROCESS],
|
||||||
|
paper_tube_weight: String(DEFAULT_PAPER_TUBE_WEIGHT),
|
||||||
|
package_weight: String(DEFAULT_PACKAGE_WEIGHT),
|
||||||
|
remark: order.remark,
|
||||||
|
item_data: order.item_data,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从仓库下拉中选出默认成品仓 */
|
||||||
|
export function pickDefaultWarehouse(options, loginWarehouseId, loginWarehouseName) {
|
||||||
|
const list = options || [];
|
||||||
|
const byName = list.find((item) => item.label === DEFAULT_WAREHOUSE_NAME);
|
||||||
|
if (byName) return byName;
|
||||||
|
if (loginWarehouseId) {
|
||||||
|
const byId = list.find((item) => String(item.value) === String(loginWarehouseId));
|
||||||
|
if (byId) return byId;
|
||||||
|
if (loginWarehouseName) {
|
||||||
|
return { value: loginWarehouseId, label: loginWarehouseName };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return list[0] || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 确认并执行审核状态变更
|
||||||
|
*/
|
||||||
|
export function confirmOrderStatusAction(vm, { orderId, action, onSuccess }) {
|
||||||
|
const cfg = STATUS_ACTION_CONFIG[action];
|
||||||
|
if (!cfg || !orderId) return;
|
||||||
|
const api = vm.$u.api.fpmProcessInOrder;
|
||||||
|
const requestFn = api[cfg.apiKey];
|
||||||
|
if (typeof requestFn !== 'function') return;
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: cfg.msg,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
uni.showLoading({ title: '处理中...' });
|
||||||
|
requestFn(buildStatusParam(orderId))
|
||||||
|
.then(() => {
|
||||||
|
if (typeof onSuccess === 'function') return onSuccess();
|
||||||
|
uni.hideLoading();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (vm.showError) vm.showError(e.message || '操作失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,392 @@
|
|||||||
|
/**
|
||||||
|
* 加工出仓单常量与数据工具
|
||||||
|
*
|
||||||
|
* 真实接口请求统一注册在 src/common/http.api.js 的 vm.$u.api.fpmProcessOutOrder 下。
|
||||||
|
*/
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS = {
|
||||||
|
PENDING: 1,
|
||||||
|
APPROVED: 2,
|
||||||
|
REJECTED: 3,
|
||||||
|
VOIDED: 4,
|
||||||
|
};
|
||||||
|
|
||||||
|
export const DRAFT_AUDIT_STATUS = 0;
|
||||||
|
export const DRAFT_AUDIT_STATUS_NAME = '待保存';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS_MAP = {
|
||||||
|
1: '待审核',
|
||||||
|
2: '已审核',
|
||||||
|
3: '已驳回',
|
||||||
|
4: '已作废',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 操作类型:1录入 3删除 */
|
||||||
|
export const ARRANGE_TYPE = {
|
||||||
|
IN: 1,
|
||||||
|
DEL: 3,
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 出仓类型:正常加工出仓 WarehouseGoodOutTypeProcess = 5 */
|
||||||
|
export const OUT_ORDER_TYPE_PROCESS = 5;
|
||||||
|
export const OUT_ORDER_TYPE_PROCESS_NAME = '正常加工出仓';
|
||||||
|
/** 出仓类型:回修加工出仓 WarehouseGoodOutTypeProcessRepair = 8 */
|
||||||
|
export const OUT_ORDER_TYPE_REPAIR = 8;
|
||||||
|
export const OUT_ORDER_TYPE_REPAIR_NAME = '回修加工出仓';
|
||||||
|
|
||||||
|
/** 往来单位类型:加工单位 */
|
||||||
|
export const BUSINESS_UNIT_TYPE_PROCESS = 12;
|
||||||
|
|
||||||
|
/** 成品物理仓类型 */
|
||||||
|
export const WAREHOUSE_TYPE_FINISHED = 103;
|
||||||
|
|
||||||
|
/** 默认仓库名称 */
|
||||||
|
export const DEFAULT_WAREHOUSE_NAME = '成品仓';
|
||||||
|
|
||||||
|
export const LIST_PAGE_SIZE = 100;
|
||||||
|
|
||||||
|
export const STATUS_ACTION_CONFIG = {
|
||||||
|
approve: { status: AUDIT_STATUS.APPROVED, msg: '确认审核该单据?', apiKey: 'statusPass' },
|
||||||
|
void: { status: AUDIT_STATUS.VOIDED, msg: '确认作废该单据?', apiKey: 'statusCancel' },
|
||||||
|
unapprove: { status: AUDIT_STATUS.PENDING, msg: '确认消审该单据?', apiKey: 'statusWait' },
|
||||||
|
};
|
||||||
|
|
||||||
|
export function getStatusOptions() {
|
||||||
|
return Object.keys(AUDIT_STATUS_MAP).map((value) => ({
|
||||||
|
value,
|
||||||
|
label: AUDIT_STATUS_MAP[value],
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export { mapToSelectOptions } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
/** 匹数:后端 ×100 存储 */
|
||||||
|
export function formatRoll(value) {
|
||||||
|
const n = Number(value || 0) / 100;
|
||||||
|
return Number.isInteger(n) ? n : Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 数量(公斤):后端 ×10000 存储 */
|
||||||
|
export function formatWeightKg(value) {
|
||||||
|
const n = Number(value || 0) / 10000;
|
||||||
|
return Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeOrder(order) {
|
||||||
|
if (!order) return null;
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
process_unit_id: order.process_unit_id || '',
|
||||||
|
process_name: order.process_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
sale_system_id: order.sale_system_id || '',
|
||||||
|
sale_system_name: order.sale_system_name || '',
|
||||||
|
out_order_type: order.out_order_type || OUT_ORDER_TYPE_PROCESS,
|
||||||
|
out_order_type_name: order.out_order_type_name || OUT_ORDER_TYPE_PROCESS_NAME,
|
||||||
|
remark: order.remark || '',
|
||||||
|
warehouse_out_time: (order.warehouse_out_time || '').slice(0, 10),
|
||||||
|
creator_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_time: order.audit_time || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
total_weight: formatWeightKg(order.total_weight),
|
||||||
|
total_length: formatRoll(order.total_length),
|
||||||
|
item_data: (order.item_data || []).map(normalizeItem),
|
||||||
|
_raw: order,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeFineCode(fc) {
|
||||||
|
if (!fc) return null;
|
||||||
|
// 出仓细码数量:优先基本单位公斤,其次结算数量
|
||||||
|
const weightRaw = fc.base_unit_weight != null
|
||||||
|
? fc.base_unit_weight
|
||||||
|
: (fc.settle_weight != null ? fc.settle_weight : fc.weight);
|
||||||
|
const qrCode = fc.qr_code || '';
|
||||||
|
const digitalCode = fc.digital_code || '';
|
||||||
|
const barCode = fc.bar_code || digitalCode || '';
|
||||||
|
return {
|
||||||
|
id: fc.id,
|
||||||
|
volume_number: fc.volume_number != null && fc.volume_number !== '' ? String(fc.volume_number) : '',
|
||||||
|
extern_volume_number: fc.extern_volume_number != null && fc.extern_volume_number !== ''
|
||||||
|
? String(fc.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
roll: formatRoll(fc.roll),
|
||||||
|
weight: formatWeightKg(weightRaw),
|
||||||
|
bar_code: barCode,
|
||||||
|
qr_code: qrCode,
|
||||||
|
digital_code: digitalCode,
|
||||||
|
dye_factory_dyelot_number: fc.dye_factory_dyelot_number || fc.dyelot_number || '',
|
||||||
|
warehouse_bin_name: fc.warehouse_bin_name || '',
|
||||||
|
shelf_no: fc.shelf_no || '',
|
||||||
|
// 删除扫码优先二维码
|
||||||
|
scan_code: qrCode || barCode || digitalCode || '',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeItem(item) {
|
||||||
|
// 明细数量字段:OpenAPI 为 total_weight / settle_weight(×10000),匹数为 out_roll(×100)
|
||||||
|
const weightRaw = item.total_weight != null
|
||||||
|
? item.total_weight
|
||||||
|
: (item.settle_weight != null ? item.settle_weight : item.out_weight);
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
dye_factory_color_code: item.dye_factory_color_code || '',
|
||||||
|
out_roll: formatRoll(item.out_roll),
|
||||||
|
out_weight: formatWeightKg(weightRaw),
|
||||||
|
item_fc_data: (item.item_fc_data || []).map(normalizeFineCode).filter(Boolean),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 明细分组:成品编号 → 成品色号 → 细码
|
||||||
|
*/
|
||||||
|
export function buildItemGroups(items) {
|
||||||
|
const productMap = new Map();
|
||||||
|
(items || []).forEach((item) => {
|
||||||
|
const productKey = item.product_code || '-';
|
||||||
|
if (!productMap.has(productKey)) {
|
||||||
|
productMap.set(productKey, {
|
||||||
|
group_key: `p:${productKey}`,
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
out_roll: 0,
|
||||||
|
out_weight: 0,
|
||||||
|
colors: new Map(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const productGroup = productMap.get(productKey);
|
||||||
|
if (!productGroup.product_name && item.product_name) {
|
||||||
|
productGroup.product_name = item.product_name;
|
||||||
|
}
|
||||||
|
|
||||||
|
const colorKey = item.product_color_code || item.product_color_name || '-';
|
||||||
|
if (!productGroup.colors.has(colorKey)) {
|
||||||
|
productGroup.colors.set(colorKey, {
|
||||||
|
group_key: `p:${productKey}|c:${colorKey}`,
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
out_roll: 0,
|
||||||
|
out_weight: 0,
|
||||||
|
fine_codes: [],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const colorGroup = productGroup.colors.get(colorKey);
|
||||||
|
productGroup.out_roll = Number((productGroup.out_roll + Number(item.out_roll || 0)).toFixed(2));
|
||||||
|
productGroup.out_weight = Number((productGroup.out_weight + Number(item.out_weight || 0)).toFixed(2));
|
||||||
|
colorGroup.out_roll = Number((colorGroup.out_roll + Number(item.out_roll || 0)).toFixed(2));
|
||||||
|
colorGroup.out_weight = Number((colorGroup.out_weight + Number(item.out_weight || 0)).toFixed(2));
|
||||||
|
if (item.quote_order_no) colorGroup.quote_order_no = item.quote_order_no;
|
||||||
|
if (item.dye_factory_dyelot_number) {
|
||||||
|
colorGroup.dye_factory_dyelot_number = item.dye_factory_dyelot_number;
|
||||||
|
}
|
||||||
|
if (!colorGroup.product_color_name && item.product_color_name) {
|
||||||
|
colorGroup.product_color_name = item.product_color_name;
|
||||||
|
}
|
||||||
|
colorGroup.fine_codes.push(...(item.item_fc_data || []));
|
||||||
|
});
|
||||||
|
|
||||||
|
return Array.from(productMap.values()).map((product) => ({
|
||||||
|
group_key: product.group_key,
|
||||||
|
product_code: product.product_code,
|
||||||
|
product_name: product.product_name,
|
||||||
|
out_roll: product.out_roll,
|
||||||
|
out_weight: product.out_weight,
|
||||||
|
colors: Array.from(product.colors.values()),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getEmptyScanDetail() {
|
||||||
|
return {
|
||||||
|
quote_order_no: '',
|
||||||
|
dyelot_number: '',
|
||||||
|
volume_number: '',
|
||||||
|
extern_volume_number: '',
|
||||||
|
product_code: '',
|
||||||
|
product_color_code: '',
|
||||||
|
order_roll: 0,
|
||||||
|
item_roll: 0,
|
||||||
|
order_weight: 0,
|
||||||
|
item_weight: 0,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从扫码接口返回构建详情区(匹数÷100,数量÷10000) */
|
||||||
|
export function buildScanDetailFromScanResponse(res) {
|
||||||
|
if (!res) return getEmptyScanDetail();
|
||||||
|
return {
|
||||||
|
quote_order_no: res.quote_order_no || '',
|
||||||
|
dyelot_number: res.dyelot_number || '',
|
||||||
|
volume_number: res.volume_number != null && res.volume_number !== '' ? String(res.volume_number) : '',
|
||||||
|
extern_volume_number: res.extern_volume_number != null && res.extern_volume_number !== ''
|
||||||
|
? String(res.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
product_code: res.product_code || '',
|
||||||
|
product_color_code: res.product_color_code || '',
|
||||||
|
order_roll: formatRoll(res.order_roll != null ? res.order_roll : res.total_roll),
|
||||||
|
item_roll: formatRoll(res.item_roll != null ? res.item_roll : res.roll),
|
||||||
|
order_weight: formatWeightKg(res.order_weight != null ? res.order_weight : res.total_weight),
|
||||||
|
item_weight: formatWeightKg(res.item_weight != null ? res.item_weight : res.weight),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建扫码请求参数 */
|
||||||
|
export function buildScanUpdateParams({ id, scanCode, arrangeType, warehouseBinId }) {
|
||||||
|
const code = (scanCode || '').trim();
|
||||||
|
const params = {
|
||||||
|
id: Number(id),
|
||||||
|
arrange_type: arrangeType,
|
||||||
|
};
|
||||||
|
if (warehouseBinId) {
|
||||||
|
params.warehouse_bin_id = Number(warehouseBinId);
|
||||||
|
}
|
||||||
|
// 长度大于25走二维码,否则走条码
|
||||||
|
if (code.length > 25) {
|
||||||
|
params.qr_code = code;
|
||||||
|
} else {
|
||||||
|
params.bar_code = code;
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function buildStatusParam(id) {
|
||||||
|
return { id: String(id) };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatDisplayTime(value, format = 'YYYY-MM-DD') {
|
||||||
|
if (!value) return '';
|
||||||
|
const parsed = dayjs(value);
|
||||||
|
return parsed.isValid() ? parsed.format(format) : String(value).slice(0, 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function canScanAtStatus(status) {
|
||||||
|
return [AUDIT_STATUS.PENDING, AUDIT_STATUS.REJECTED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isLockedOrderStatus(status) {
|
||||||
|
return [AUDIT_STATUS.APPROVED, AUDIT_STATUS.VOIDED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchAllOrderList(listFn, params = {}, pageSize = LIST_PAGE_SIZE) {
|
||||||
|
const pickBatch = (res) => {
|
||||||
|
if (Array.isArray(res)) return res;
|
||||||
|
if (!res || typeof res !== 'object') return [];
|
||||||
|
return res.list || res.records || res.items || [];
|
||||||
|
};
|
||||||
|
const loadPage = (page, acc) => listFn({ ...params, page, size: pageSize })
|
||||||
|
.then((res) => {
|
||||||
|
const batch = pickBatch(res);
|
||||||
|
if (!batch.length) return acc;
|
||||||
|
// 一次返回超过 pageSize:后端忽略分页,视为全量,避免死循环翻页
|
||||||
|
if (batch.length > pageSize) return acc.concat(batch);
|
||||||
|
// 翻页后与首页首条相同:后端忽略 page,避免死循环
|
||||||
|
if (
|
||||||
|
page > 1
|
||||||
|
&& acc.length
|
||||||
|
&& batch[0]
|
||||||
|
&& acc[0]
|
||||||
|
&& String(batch[0].id) === String(acc[0].id)
|
||||||
|
) {
|
||||||
|
return acc;
|
||||||
|
}
|
||||||
|
const merged = acc.concat(batch);
|
||||||
|
const total = !Array.isArray(res) && res != null ? Number(res.total) : NaN;
|
||||||
|
if (!Number.isNaN(total) && merged.length >= total) return merged;
|
||||||
|
if (batch.length < pageSize) return merged;
|
||||||
|
return loadPage(page + 1, merged);
|
||||||
|
});
|
||||||
|
return loadPage(1, []);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
||||||
|
if (!headerSaved || !orderId || !canScanAtStatus(status)) return [];
|
||||||
|
return [
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getViewStatusActionButtons(status) {
|
||||||
|
if (status === AUDIT_STATUS.PENDING || status === AUDIT_STATUS.REJECTED) {
|
||||||
|
return [
|
||||||
|
{ label: '编辑', action: 'edit' },
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
if (status === AUDIT_STATUS.APPROVED) {
|
||||||
|
return [{ label: '消审', action: 'unapprove' }];
|
||||||
|
}
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function orderToFormFields(order) {
|
||||||
|
return {
|
||||||
|
order_no: order.order_no,
|
||||||
|
out_order_type: order.out_order_type || OUT_ORDER_TYPE_PROCESS,
|
||||||
|
out_order_type_name: order.out_order_type_name || OUT_ORDER_TYPE_PROCESS_NAME,
|
||||||
|
process_unit_id: order.process_unit_id,
|
||||||
|
process_name: order.process_name,
|
||||||
|
warehouse_id: order.warehouse_id,
|
||||||
|
warehouse_name: order.warehouse_name,
|
||||||
|
remark: order.remark,
|
||||||
|
item_data: order.item_data,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从仓库下拉中选出默认成品仓 */
|
||||||
|
export function pickDefaultWarehouse(options, loginWarehouseId, loginWarehouseName) {
|
||||||
|
const list = options || [];
|
||||||
|
const byName = list.find((item) => item.label === DEFAULT_WAREHOUSE_NAME);
|
||||||
|
if (byName) return byName;
|
||||||
|
if (loginWarehouseId) {
|
||||||
|
const byId = list.find((item) => String(item.value) === String(loginWarehouseId));
|
||||||
|
if (byId) return byId;
|
||||||
|
if (loginWarehouseName) {
|
||||||
|
return { value: loginWarehouseId, label: loginWarehouseName };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return list[0] || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 确认并执行审核状态变更
|
||||||
|
*/
|
||||||
|
export function confirmOrderStatusAction(vm, { orderId, action, onSuccess }) {
|
||||||
|
const cfg = STATUS_ACTION_CONFIG[action];
|
||||||
|
if (!cfg || !orderId) return;
|
||||||
|
const api = vm.$u.api.fpmProcessOutOrder;
|
||||||
|
const requestFn = api[cfg.apiKey];
|
||||||
|
if (typeof requestFn !== 'function') return;
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: cfg.msg,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
uni.showLoading({ title: '处理中...' });
|
||||||
|
requestFn(buildStatusParam(orderId))
|
||||||
|
.then(() => {
|
||||||
|
if (typeof onSuccess === 'function') return onSuccess();
|
||||||
|
uni.hideLoading();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (vm.showError) vm.showError(e.message || '操作失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,386 @@
|
|||||||
|
/**
|
||||||
|
* 加工退货进仓单常量与数据工具
|
||||||
|
*
|
||||||
|
* 真实接口请求统一注册在 src/common/http.api.js 的 vm.$u.api.fpmProcessReturnInOrder 下。
|
||||||
|
*/
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS = {
|
||||||
|
PENDING: 1,
|
||||||
|
APPROVED: 2,
|
||||||
|
REJECTED: 3,
|
||||||
|
VOIDED: 4,
|
||||||
|
};
|
||||||
|
|
||||||
|
export const DRAFT_AUDIT_STATUS = 0;
|
||||||
|
export const DRAFT_AUDIT_STATUS_NAME = '待保存';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS_MAP = {
|
||||||
|
1: '待审核',
|
||||||
|
2: '已审核',
|
||||||
|
3: '已驳回',
|
||||||
|
4: '已作废',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 操作类型:1录入 3删除 */
|
||||||
|
export const ARRANGE_TYPE = {
|
||||||
|
IN: 1,
|
||||||
|
DEL: 3,
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 入仓类型:加工退货进仓单 */
|
||||||
|
export const IN_ORDER_TYPE_PROCESS_RETURN = 9;
|
||||||
|
|
||||||
|
/** 往来单位类型:加工单位 */
|
||||||
|
export const BUSINESS_UNIT_TYPE_PROCESS = 12;
|
||||||
|
|
||||||
|
/** 成品物理仓类型 */
|
||||||
|
export const WAREHOUSE_TYPE_FINISHED = 103;
|
||||||
|
|
||||||
|
/** 默认仓库名称 */
|
||||||
|
export const DEFAULT_WAREHOUSE_NAME = '成品仓';
|
||||||
|
|
||||||
|
export const LIST_PAGE_SIZE = 100;
|
||||||
|
|
||||||
|
export const STATUS_ACTION_CONFIG = {
|
||||||
|
approve: { status: AUDIT_STATUS.APPROVED, msg: '确认审核该单据?', apiKey: 'statusPass' },
|
||||||
|
void: { status: AUDIT_STATUS.VOIDED, msg: '确认作废该单据?', apiKey: 'statusCancel' },
|
||||||
|
unapprove: { status: AUDIT_STATUS.PENDING, msg: '确认消审该单据?', apiKey: 'statusWait' },
|
||||||
|
};
|
||||||
|
|
||||||
|
export function getStatusOptions() {
|
||||||
|
return Object.keys(AUDIT_STATUS_MAP).map((value) => ({
|
||||||
|
value,
|
||||||
|
label: AUDIT_STATUS_MAP[value],
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export { mapToSelectOptions } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
/** 匹数:后端 ×100 存储 */
|
||||||
|
export function formatRoll(value) {
|
||||||
|
const n = Number(value || 0) / 100;
|
||||||
|
return Number.isInteger(n) ? n : Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 数量(公斤):后端 ×10000 存储 */
|
||||||
|
export function formatWeightKg(value) {
|
||||||
|
const n = Number(value || 0) / 10000;
|
||||||
|
return Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeOrder(order) {
|
||||||
|
if (!order) return null;
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
process_unit_id: order.process_unit_id || order.biz_unit_id || '',
|
||||||
|
process_name: order.process_name || order.biz_unit_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
sale_system_id: order.sale_system_id || '',
|
||||||
|
sale_system_name: order.sale_system_name || '',
|
||||||
|
in_order_type: order.in_order_type || IN_ORDER_TYPE_PROCESS_RETURN,
|
||||||
|
in_order_type_name: order.in_order_type_name || '加工退货进仓单',
|
||||||
|
remark: order.remark || '',
|
||||||
|
warehouse_in_time: (order.warehouse_in_time || '').slice(0, 10),
|
||||||
|
creator_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_time: order.audit_time || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
total_weight: formatWeightKg(order.total_weight),
|
||||||
|
total_length: formatRoll(order.total_length),
|
||||||
|
item_data: (order.item_data || []).map(normalizeItem),
|
||||||
|
_raw: order,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeFineCode(fc) {
|
||||||
|
if (!fc) return null;
|
||||||
|
const weightRaw = fc.base_unit_weight != null
|
||||||
|
? fc.base_unit_weight
|
||||||
|
: (fc.settle_weight != null ? fc.settle_weight : fc.weight);
|
||||||
|
return {
|
||||||
|
id: fc.id,
|
||||||
|
volume_number: fc.volume_number != null && fc.volume_number !== '' ? String(fc.volume_number) : '',
|
||||||
|
extern_volume_number: fc.extern_volume_number != null && fc.extern_volume_number !== ''
|
||||||
|
? String(fc.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
roll: formatRoll(fc.roll),
|
||||||
|
weight: formatWeightKg(weightRaw),
|
||||||
|
bar_code: fc.bar_code || '',
|
||||||
|
qr_code: fc.qr_code || '',
|
||||||
|
dye_factory_dyelot_number: fc.dye_factory_dyelot_number || fc.dyelot_number || '',
|
||||||
|
warehouse_bin_name: fc.warehouse_bin_name || '',
|
||||||
|
shelf_no: fc.shelf_no || '',
|
||||||
|
scan_code: fc.qr_code || fc.bar_code || '',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeItem(item) {
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
dye_factory_color_code: item.dye_factory_color_code || '',
|
||||||
|
in_roll: formatRoll(item.in_roll),
|
||||||
|
in_weight: formatWeightKg(item.in_weight),
|
||||||
|
item_fc_data: (item.item_fc_data || []).map(normalizeFineCode).filter(Boolean),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 明细分组:成品编号 → 成品色号 → 细码
|
||||||
|
*/
|
||||||
|
export function buildItemGroups(items) {
|
||||||
|
const productMap = new Map();
|
||||||
|
(items || []).forEach((item) => {
|
||||||
|
const productKey = item.product_code || '-';
|
||||||
|
if (!productMap.has(productKey)) {
|
||||||
|
productMap.set(productKey, {
|
||||||
|
group_key: `p:${productKey}`,
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
in_roll: 0,
|
||||||
|
in_weight: 0,
|
||||||
|
colors: new Map(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const productGroup = productMap.get(productKey);
|
||||||
|
if (!productGroup.product_name && item.product_name) {
|
||||||
|
productGroup.product_name = item.product_name;
|
||||||
|
}
|
||||||
|
|
||||||
|
const colorKey = item.product_color_code || item.product_color_name || '-';
|
||||||
|
if (!productGroup.colors.has(colorKey)) {
|
||||||
|
productGroup.colors.set(colorKey, {
|
||||||
|
group_key: `p:${productKey}|c:${colorKey}`,
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
in_roll: 0,
|
||||||
|
in_weight: 0,
|
||||||
|
fine_codes: [],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const colorGroup = productGroup.colors.get(colorKey);
|
||||||
|
productGroup.in_roll = Number((productGroup.in_roll + Number(item.in_roll || 0)).toFixed(2));
|
||||||
|
productGroup.in_weight = Number((productGroup.in_weight + Number(item.in_weight || 0)).toFixed(2));
|
||||||
|
colorGroup.in_roll = Number((colorGroup.in_roll + Number(item.in_roll || 0)).toFixed(2));
|
||||||
|
colorGroup.in_weight = Number((colorGroup.in_weight + Number(item.in_weight || 0)).toFixed(2));
|
||||||
|
if (item.quote_order_no) colorGroup.quote_order_no = item.quote_order_no;
|
||||||
|
if (item.dye_factory_dyelot_number) {
|
||||||
|
colorGroup.dye_factory_dyelot_number = item.dye_factory_dyelot_number;
|
||||||
|
}
|
||||||
|
if (!colorGroup.product_color_name && item.product_color_name) {
|
||||||
|
colorGroup.product_color_name = item.product_color_name;
|
||||||
|
}
|
||||||
|
colorGroup.fine_codes.push(...(item.item_fc_data || []));
|
||||||
|
});
|
||||||
|
|
||||||
|
return Array.from(productMap.values()).map((product) => ({
|
||||||
|
group_key: product.group_key,
|
||||||
|
product_code: product.product_code,
|
||||||
|
product_name: product.product_name,
|
||||||
|
in_roll: product.in_roll,
|
||||||
|
in_weight: product.in_weight,
|
||||||
|
colors: Array.from(product.colors.values()),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getEmptyScanDetail() {
|
||||||
|
return {
|
||||||
|
quote_order_no: '',
|
||||||
|
dyelot_number: '',
|
||||||
|
volume_number: '',
|
||||||
|
extern_volume_number: '',
|
||||||
|
product_code: '',
|
||||||
|
product_color_code: '',
|
||||||
|
order_roll: 0,
|
||||||
|
item_roll: 0,
|
||||||
|
order_weight: 0,
|
||||||
|
item_weight: 0,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 刚扫细码的数量(公斤存储值):优先细码 weight */
|
||||||
|
function pickScannedFineWeight(res) {
|
||||||
|
if (!res) return 0;
|
||||||
|
if (res.weight != null && res.weight !== '') return res.weight;
|
||||||
|
if (res.base_unit_weight != null && res.base_unit_weight !== '') return res.base_unit_weight;
|
||||||
|
if (res.settle_weight != null && res.settle_weight !== '') return res.settle_weight;
|
||||||
|
if (res.actually_weight != null && res.actually_weight !== '') return res.actually_weight;
|
||||||
|
return res.item_weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从扫码接口返回构建详情区(匹数÷100,数量÷10000) */
|
||||||
|
export function buildScanDetailFromScanResponse(res) {
|
||||||
|
if (!res) return getEmptyScanDetail();
|
||||||
|
return {
|
||||||
|
quote_order_no: res.quote_order_no || '',
|
||||||
|
dyelot_number: res.dyelot_number || '',
|
||||||
|
volume_number: res.volume_number != null && res.volume_number !== '' ? String(res.volume_number) : '',
|
||||||
|
extern_volume_number: res.extern_volume_number != null && res.extern_volume_number !== ''
|
||||||
|
? String(res.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
product_code: res.product_code || '',
|
||||||
|
product_color_code: res.product_color_code || '',
|
||||||
|
order_roll: formatRoll(res.order_roll != null ? res.order_roll : res.total_roll),
|
||||||
|
item_roll: formatRoll(res.item_roll != null ? res.item_roll : res.roll),
|
||||||
|
order_weight: formatWeightKg(res.order_weight != null ? res.order_weight : res.total_weight),
|
||||||
|
item_weight: formatWeightKg(pickScannedFineWeight(res)),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建扫码请求参数 */
|
||||||
|
export function buildScanUpdateParams({ id, scanCode, arrangeType, warehouseBinId }) {
|
||||||
|
const code = (scanCode || '').trim();
|
||||||
|
const params = {
|
||||||
|
id: Number(id),
|
||||||
|
arrange_type: arrangeType,
|
||||||
|
};
|
||||||
|
if (warehouseBinId) {
|
||||||
|
params.warehouse_bin_id = Number(warehouseBinId);
|
||||||
|
}
|
||||||
|
// 长度大于25走二维码,否则走条码
|
||||||
|
if (code.length > 25) {
|
||||||
|
params.qr_code = code;
|
||||||
|
} else {
|
||||||
|
params.bar_code = code;
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function buildStatusParam(id) {
|
||||||
|
return { id: String(id) };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatDisplayTime(value, format = 'YYYY-MM-DD') {
|
||||||
|
if (!value) return '';
|
||||||
|
const parsed = dayjs(value);
|
||||||
|
return parsed.isValid() ? parsed.format(format) : String(value).slice(0, 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function canScanAtStatus(status) {
|
||||||
|
return [AUDIT_STATUS.PENDING, AUDIT_STATUS.REJECTED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isLockedOrderStatus(status) {
|
||||||
|
return [AUDIT_STATUS.APPROVED, AUDIT_STATUS.VOIDED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchAllOrderList(listFn, params = {}, pageSize = LIST_PAGE_SIZE) {
|
||||||
|
const pickBatch = (res) => {
|
||||||
|
if (Array.isArray(res)) return res;
|
||||||
|
if (!res || typeof res !== 'object') return [];
|
||||||
|
return res.list || res.records || res.items || [];
|
||||||
|
};
|
||||||
|
const loadPage = (page, acc) => listFn({ ...params, page, size: pageSize })
|
||||||
|
.then((res) => {
|
||||||
|
const batch = pickBatch(res);
|
||||||
|
if (!batch.length) return acc;
|
||||||
|
// 一次返回超过 pageSize:后端忽略分页,视为全量,避免死循环翻页
|
||||||
|
if (batch.length > pageSize) return acc.concat(batch);
|
||||||
|
// 翻页后与首页首条相同:后端忽略 page,避免死循环
|
||||||
|
if (
|
||||||
|
page > 1
|
||||||
|
&& acc.length
|
||||||
|
&& batch[0]
|
||||||
|
&& acc[0]
|
||||||
|
&& String(batch[0].id) === String(acc[0].id)
|
||||||
|
) {
|
||||||
|
return acc;
|
||||||
|
}
|
||||||
|
const merged = acc.concat(batch);
|
||||||
|
const total = !Array.isArray(res) && res != null ? Number(res.total) : NaN;
|
||||||
|
if (!Number.isNaN(total) && merged.length >= total) return merged;
|
||||||
|
if (batch.length < pageSize) return merged;
|
||||||
|
return loadPage(page + 1, merged);
|
||||||
|
});
|
||||||
|
return loadPage(1, []);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
||||||
|
if (!headerSaved || !orderId || !canScanAtStatus(status)) return [];
|
||||||
|
return [
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getViewStatusActionButtons(status) {
|
||||||
|
if (status === AUDIT_STATUS.PENDING || status === AUDIT_STATUS.REJECTED) {
|
||||||
|
return [
|
||||||
|
{ label: '编辑', action: 'edit' },
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
if (status === AUDIT_STATUS.APPROVED) {
|
||||||
|
return [{ label: '消审', action: 'unapprove' }];
|
||||||
|
}
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function orderToFormFields(order) {
|
||||||
|
return {
|
||||||
|
order_no: order.order_no,
|
||||||
|
process_unit_id: order.process_unit_id,
|
||||||
|
process_name: order.process_name,
|
||||||
|
warehouse_id: order.warehouse_id,
|
||||||
|
warehouse_name: order.warehouse_name,
|
||||||
|
remark: order.remark,
|
||||||
|
item_data: order.item_data,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从仓库下拉中选出默认成品仓 */
|
||||||
|
export function pickDefaultWarehouse(options, loginWarehouseId, loginWarehouseName) {
|
||||||
|
const list = options || [];
|
||||||
|
const byName = list.find((item) => item.label === DEFAULT_WAREHOUSE_NAME);
|
||||||
|
if (byName) return byName;
|
||||||
|
if (loginWarehouseId) {
|
||||||
|
const byId = list.find((item) => String(item.value) === String(loginWarehouseId));
|
||||||
|
if (byId) return byId;
|
||||||
|
if (loginWarehouseName) {
|
||||||
|
return { value: loginWarehouseId, label: loginWarehouseName };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return list[0] || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 确认并执行审核状态变更
|
||||||
|
*/
|
||||||
|
export function confirmOrderStatusAction(vm, { orderId, action, onSuccess }) {
|
||||||
|
const cfg = STATUS_ACTION_CONFIG[action];
|
||||||
|
if (!cfg || !orderId) return;
|
||||||
|
const api = vm.$u.api.fpmProcessReturnInOrder;
|
||||||
|
const requestFn = api[cfg.apiKey];
|
||||||
|
if (typeof requestFn !== 'function') return;
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: cfg.msg,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
uni.showLoading({ title: '处理中...' });
|
||||||
|
requestFn(buildStatusParam(orderId))
|
||||||
|
.then(() => {
|
||||||
|
if (typeof onSuccess === 'function') return onSuccess();
|
||||||
|
uni.hideLoading();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (vm.showError) vm.showError(e.message || '操作失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,474 @@
|
|||||||
|
/**
|
||||||
|
* 成品采购进仓单常量与数据工具
|
||||||
|
*
|
||||||
|
* 真实接口请求统一注册在 src/common/http.api.js 的 vm.$u.api.fpmPrcInOrder 下。
|
||||||
|
*/
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS = {
|
||||||
|
PENDING: 1,
|
||||||
|
APPROVED: 2,
|
||||||
|
REJECTED: 3,
|
||||||
|
VOIDED: 4,
|
||||||
|
};
|
||||||
|
|
||||||
|
export const DRAFT_AUDIT_STATUS = 0;
|
||||||
|
export const DRAFT_AUDIT_STATUS_NAME = '待保存';
|
||||||
|
|
||||||
|
export const AUDIT_STATUS_MAP = {
|
||||||
|
1: '待审核',
|
||||||
|
2: '已审核',
|
||||||
|
3: '已驳回',
|
||||||
|
4: '已作废',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 操作类型:1录入 3删除 */
|
||||||
|
export const ARRANGE_TYPE = {
|
||||||
|
IN: 1,
|
||||||
|
DEL: 3,
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 入仓类型:采购进仓单 */
|
||||||
|
export const IN_ORDER_TYPE_PURCHASE = 4;
|
||||||
|
|
||||||
|
export const IN_ORDER_TYPE_MAP = {
|
||||||
|
[IN_ORDER_TYPE_PURCHASE]: '采购进仓单',
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 订单类型:1大货 2剪板 3客订大货 4客订剪板 */
|
||||||
|
export const SALE_MODE = {
|
||||||
|
BULK: 1,
|
||||||
|
SHEAR: 2,
|
||||||
|
CUSTOMER_BULK: 3,
|
||||||
|
CUSTOMER_SHEAR: 4,
|
||||||
|
};
|
||||||
|
|
||||||
|
export const SALE_MODE_MAP = {
|
||||||
|
[SALE_MODE.BULK]: '大货',
|
||||||
|
[SALE_MODE.SHEAR]: '剪板',
|
||||||
|
[SALE_MODE.CUSTOMER_BULK]: '客订大货',
|
||||||
|
[SALE_MODE.CUSTOMER_SHEAR]: '客订剪板',
|
||||||
|
};
|
||||||
|
|
||||||
|
export const SALE_MODE_OPTIONS = [
|
||||||
|
{ value: SALE_MODE.BULK, label: SALE_MODE_MAP[SALE_MODE.BULK] },
|
||||||
|
{ value: SALE_MODE.SHEAR, label: SALE_MODE_MAP[SALE_MODE.SHEAR] },
|
||||||
|
{ value: SALE_MODE.CUSTOMER_BULK, label: SALE_MODE_MAP[SALE_MODE.CUSTOMER_BULK] },
|
||||||
|
{ value: SALE_MODE.CUSTOMER_SHEAR, label: SALE_MODE_MAP[SALE_MODE.CUSTOMER_SHEAR] },
|
||||||
|
];
|
||||||
|
|
||||||
|
/** 往来单位类型:成品供应商 */
|
||||||
|
export const BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER = 15;
|
||||||
|
|
||||||
|
/** 成品物理仓类型 */
|
||||||
|
export const WAREHOUSE_TYPE_FINISHED = 103;
|
||||||
|
|
||||||
|
/** 默认仓库名称 */
|
||||||
|
export const DEFAULT_WAREHOUSE_NAME = '成品仓';
|
||||||
|
|
||||||
|
/** 默认纸筒重量(公斤,表单展示值) */
|
||||||
|
export const DEFAULT_PAPER_TUBE_WEIGHT = 0.3;
|
||||||
|
|
||||||
|
/** 默认包装重量(公斤,表单展示值) */
|
||||||
|
export const DEFAULT_PACKAGE_WEIGHT = 0.15;
|
||||||
|
|
||||||
|
export const LIST_PAGE_SIZE = 100;
|
||||||
|
|
||||||
|
export const STATUS_ACTION_CONFIG = {
|
||||||
|
approve: { status: AUDIT_STATUS.APPROVED, msg: '确认审核该单据?', apiKey: 'statusPass' },
|
||||||
|
void: { status: AUDIT_STATUS.VOIDED, msg: '确认作废该单据?', apiKey: 'statusCancel' },
|
||||||
|
unapprove: { status: AUDIT_STATUS.PENDING, msg: '确认消审该单据?', apiKey: 'statusWait' },
|
||||||
|
};
|
||||||
|
|
||||||
|
export function getStatusOptions() {
|
||||||
|
return Object.keys(AUDIT_STATUS_MAP).map((value) => ({
|
||||||
|
value,
|
||||||
|
label: AUDIT_STATUS_MAP[value],
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export { mapToSelectOptions } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
/** 匹数:后端 ×100 存储 */
|
||||||
|
export function formatRoll(value) {
|
||||||
|
const n = Number(value || 0) / 100;
|
||||||
|
return Number.isInteger(n) ? n : Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 数量(公斤):后端 ×10000 存储 */
|
||||||
|
export function formatWeightKg(value) {
|
||||||
|
const n = Number(value || 0) / 10000;
|
||||||
|
return Number(n.toFixed(2));
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 公斤展示值转后端存储(×10000) */
|
||||||
|
export function toWeightStorage(value) {
|
||||||
|
return Math.round(Number(value || 0) * 10000);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeOrder(order) {
|
||||||
|
if (!order) return null;
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
biz_unit_id: order.biz_unit_id || '',
|
||||||
|
biz_unit_name: order.biz_unit_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
sale_system_id: order.sale_system_id || '',
|
||||||
|
sale_system_name: order.sale_system_name || '',
|
||||||
|
sale_mode: order.sale_mode || '',
|
||||||
|
sale_mode_name: order.sale_mode_name || SALE_MODE_MAP[order.sale_mode] || '',
|
||||||
|
in_order_type: order.in_order_type || IN_ORDER_TYPE_PURCHASE,
|
||||||
|
in_order_type_name: order.in_order_type_name
|
||||||
|
|| IN_ORDER_TYPE_MAP[order.in_order_type]
|
||||||
|
|| IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PURCHASE],
|
||||||
|
paper_tube_weight: formatWeightKg(order.paper_tube_weight),
|
||||||
|
package_weight: formatWeightKg(order.package_weight),
|
||||||
|
remark: order.remark || '',
|
||||||
|
warehouse_in_time: (order.warehouse_in_time || '').slice(0, 10),
|
||||||
|
creator_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_time: order.audit_time || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
total_weight: formatWeightKg(order.total_weight),
|
||||||
|
total_length: formatRoll(order.total_length),
|
||||||
|
item_data: (order.item_data || []).map(normalizeItem),
|
||||||
|
_raw: order,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeFineCode(fc) {
|
||||||
|
if (!fc) return null;
|
||||||
|
const weightRaw = fc.base_unit_weight != null
|
||||||
|
? fc.base_unit_weight
|
||||||
|
: (fc.settle_weight != null ? fc.settle_weight : fc.weight);
|
||||||
|
const qrCode = fc.qr_code || fc.long_code || '';
|
||||||
|
const barCode = fc.bar_code || fc.digital_code || fc.short_code || '';
|
||||||
|
return {
|
||||||
|
id: fc.id,
|
||||||
|
volume_number: fc.volume_number != null && fc.volume_number !== '' ? String(fc.volume_number) : '',
|
||||||
|
extern_volume_number: fc.extern_volume_number != null && fc.extern_volume_number !== ''
|
||||||
|
? String(fc.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
roll: formatRoll(fc.roll),
|
||||||
|
weight: formatWeightKg(weightRaw),
|
||||||
|
bar_code: barCode,
|
||||||
|
qr_code: qrCode,
|
||||||
|
digital_code: fc.digital_code || '',
|
||||||
|
long_code: fc.long_code || '',
|
||||||
|
short_code: fc.short_code || '',
|
||||||
|
dye_factory_dyelot_number: fc.dye_factory_dyelot_number || fc.dyelot_number || '',
|
||||||
|
warehouse_bin_name: fc.warehouse_bin_name || '',
|
||||||
|
shelf_no: fc.shelf_no || '',
|
||||||
|
scan_code: qrCode || barCode || '',
|
||||||
|
paper_tube_weight: fc.paper_tube_weight != null && fc.paper_tube_weight !== ''
|
||||||
|
? formatWeightKg(fc.paper_tube_weight)
|
||||||
|
: null,
|
||||||
|
package_weight: fc.package_weight != null && fc.package_weight !== ''
|
||||||
|
? formatWeightKg(fc.package_weight)
|
||||||
|
: null,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export function normalizeItem(item) {
|
||||||
|
const weightRaw = item.in_weight != null ? item.in_weight : item.total_weight;
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
dye_factory_color_code: item.dye_factory_color_code || '',
|
||||||
|
in_roll: formatRoll(item.in_roll),
|
||||||
|
in_weight: formatWeightKg(weightRaw),
|
||||||
|
item_fc_data: (item.item_fc_data || []).map(normalizeFineCode).filter(Boolean),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 明细分组:成品编号 → 成品色号 → 细码
|
||||||
|
*/
|
||||||
|
export function buildItemGroups(items) {
|
||||||
|
const productMap = new Map();
|
||||||
|
(items || []).forEach((item) => {
|
||||||
|
const productKey = item.product_code || '-';
|
||||||
|
if (!productMap.has(productKey)) {
|
||||||
|
productMap.set(productKey, {
|
||||||
|
group_key: `p:${productKey}`,
|
||||||
|
product_code: item.product_code || '',
|
||||||
|
product_name: item.product_name || '',
|
||||||
|
in_roll: 0,
|
||||||
|
in_weight: 0,
|
||||||
|
colors: new Map(),
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const productGroup = productMap.get(productKey);
|
||||||
|
if (!productGroup.product_name && item.product_name) {
|
||||||
|
productGroup.product_name = item.product_name;
|
||||||
|
}
|
||||||
|
|
||||||
|
const colorKey = item.product_color_code || item.product_color_name || '-';
|
||||||
|
if (!productGroup.colors.has(colorKey)) {
|
||||||
|
productGroup.colors.set(colorKey, {
|
||||||
|
group_key: `p:${productKey}|c:${colorKey}`,
|
||||||
|
product_color_code: item.product_color_code || '',
|
||||||
|
product_color_name: item.product_color_name || '',
|
||||||
|
quote_order_no: item.quote_order_no || '',
|
||||||
|
dye_factory_dyelot_number: item.dye_factory_dyelot_number || '',
|
||||||
|
in_roll: 0,
|
||||||
|
in_weight: 0,
|
||||||
|
fine_codes: [],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
const colorGroup = productGroup.colors.get(colorKey);
|
||||||
|
productGroup.in_roll = Number((productGroup.in_roll + Number(item.in_roll || 0)).toFixed(2));
|
||||||
|
productGroup.in_weight = Number((productGroup.in_weight + Number(item.in_weight || 0)).toFixed(2));
|
||||||
|
colorGroup.in_roll = Number((colorGroup.in_roll + Number(item.in_roll || 0)).toFixed(2));
|
||||||
|
colorGroup.in_weight = Number((colorGroup.in_weight + Number(item.in_weight || 0)).toFixed(2));
|
||||||
|
if (item.quote_order_no) colorGroup.quote_order_no = item.quote_order_no;
|
||||||
|
if (item.dye_factory_dyelot_number) {
|
||||||
|
colorGroup.dye_factory_dyelot_number = item.dye_factory_dyelot_number;
|
||||||
|
}
|
||||||
|
if (!colorGroup.product_color_name && item.product_color_name) {
|
||||||
|
colorGroup.product_color_name = item.product_color_name;
|
||||||
|
}
|
||||||
|
colorGroup.fine_codes.push(...(item.item_fc_data || []));
|
||||||
|
});
|
||||||
|
|
||||||
|
return Array.from(productMap.values()).map((product) => ({
|
||||||
|
group_key: product.group_key,
|
||||||
|
product_code: product.product_code,
|
||||||
|
product_name: product.product_name,
|
||||||
|
in_roll: product.in_roll,
|
||||||
|
in_weight: product.in_weight,
|
||||||
|
colors: Array.from(product.colors.values()),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getEmptyScanDetail() {
|
||||||
|
return {
|
||||||
|
quote_order_no: '',
|
||||||
|
dyelot_number: '',
|
||||||
|
volume_number: '',
|
||||||
|
extern_volume_number: '',
|
||||||
|
product_code: '',
|
||||||
|
product_color_code: '',
|
||||||
|
order_roll: 0,
|
||||||
|
item_roll: 0,
|
||||||
|
order_weight: 0,
|
||||||
|
item_weight: 0,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 刚扫细码的数量(公斤存储值):优先细码 weight */
|
||||||
|
function pickScannedFineWeight(res) {
|
||||||
|
if (!res) return 0;
|
||||||
|
if (res.weight != null && res.weight !== '') return res.weight;
|
||||||
|
if (res.base_unit_weight != null && res.base_unit_weight !== '') return res.base_unit_weight;
|
||||||
|
if (res.settle_weight != null && res.settle_weight !== '') return res.settle_weight;
|
||||||
|
if (res.actually_weight != null && res.actually_weight !== '') return res.actually_weight;
|
||||||
|
return res.item_weight;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从扫码接口返回构建详情区(匹数÷100,数量÷10000) */
|
||||||
|
export function buildScanDetailFromScanResponse(res) {
|
||||||
|
if (!res) return getEmptyScanDetail();
|
||||||
|
return {
|
||||||
|
quote_order_no: res.quote_order_no || '',
|
||||||
|
dyelot_number: res.dyelot_number || '',
|
||||||
|
volume_number: res.volume_number != null && res.volume_number !== '' ? String(res.volume_number) : '',
|
||||||
|
extern_volume_number: res.extern_volume_number != null && res.extern_volume_number !== ''
|
||||||
|
? String(res.extern_volume_number)
|
||||||
|
: '',
|
||||||
|
product_code: res.product_code || '',
|
||||||
|
product_color_code: res.product_color_code || '',
|
||||||
|
order_roll: formatRoll(res.order_roll != null ? res.order_roll : res.total_roll),
|
||||||
|
item_roll: formatRoll(res.item_roll != null ? res.item_roll : res.roll),
|
||||||
|
order_weight: formatWeightKg(res.order_weight != null ? res.order_weight : res.total_weight),
|
||||||
|
// 本行数量:刚扫这条细码的重量(weight),不是明细行合计
|
||||||
|
item_weight: formatWeightKg(pickScannedFineWeight(res)),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 校验纸筒/包装重量(扫码时提交) */
|
||||||
|
export function validateScanWeights(paperTubeWeight, packageWeight) {
|
||||||
|
if (paperTubeWeight === '' || paperTubeWeight == null) {
|
||||||
|
return '请输入纸筒重量';
|
||||||
|
}
|
||||||
|
if (Number.isNaN(Number(paperTubeWeight))) return '纸筒重量格式不正确';
|
||||||
|
if (packageWeight === '' || packageWeight == null) {
|
||||||
|
return '请输入包装重量';
|
||||||
|
}
|
||||||
|
if (Number.isNaN(Number(packageWeight))) return '包装重量格式不正确';
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 构建扫码请求参数(纸筒/包装重量在扫码时提交,公斤值需 ×10000) */
|
||||||
|
export function buildScanUpdateParams({
|
||||||
|
id,
|
||||||
|
scanCode,
|
||||||
|
arrangeType,
|
||||||
|
warehouseBinId,
|
||||||
|
paperTubeWeight,
|
||||||
|
packageWeight,
|
||||||
|
}) {
|
||||||
|
const code = (scanCode || '').trim();
|
||||||
|
const params = {
|
||||||
|
id: Number(id),
|
||||||
|
arrange_type: arrangeType,
|
||||||
|
paper_tube_weight: toWeightStorage(paperTubeWeight),
|
||||||
|
package_weight: toWeightStorage(packageWeight),
|
||||||
|
};
|
||||||
|
if (warehouseBinId) {
|
||||||
|
params.warehouse_bin_id = Number(warehouseBinId);
|
||||||
|
}
|
||||||
|
// 长度大于25走二维码,否则走条码
|
||||||
|
if (code.length > 25) {
|
||||||
|
params.qr_code = code;
|
||||||
|
} else {
|
||||||
|
params.bar_code = code;
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function buildStatusParam(id) {
|
||||||
|
return { id: String(id) };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function formatDisplayTime(value, format = 'YYYY-MM-DD') {
|
||||||
|
if (!value) return '';
|
||||||
|
const parsed = dayjs(value);
|
||||||
|
return parsed.isValid() ? parsed.format(format) : String(value).slice(0, 10);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function canScanAtStatus(status) {
|
||||||
|
return [AUDIT_STATUS.PENDING, AUDIT_STATUS.REJECTED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isLockedOrderStatus(status) {
|
||||||
|
return [AUDIT_STATUS.APPROVED, AUDIT_STATUS.VOIDED].includes(status);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function fetchAllOrderList(listFn, params = {}, pageSize = LIST_PAGE_SIZE) {
|
||||||
|
const pickBatch = (res) => {
|
||||||
|
if (Array.isArray(res)) return res;
|
||||||
|
if (!res || typeof res !== 'object') return [];
|
||||||
|
return res.list || res.records || res.items || [];
|
||||||
|
};
|
||||||
|
const loadPage = (page, acc) => listFn({ ...params, page, size: pageSize })
|
||||||
|
.then((res) => {
|
||||||
|
const batch = pickBatch(res);
|
||||||
|
if (!batch.length) return acc;
|
||||||
|
// 一次返回超过 pageSize:后端忽略分页,视为全量,避免死循环翻页
|
||||||
|
if (batch.length > pageSize) return acc.concat(batch);
|
||||||
|
// 翻页后与首页首条相同:后端忽略 page,避免死循环
|
||||||
|
if (
|
||||||
|
page > 1
|
||||||
|
&& acc.length
|
||||||
|
&& batch[0]
|
||||||
|
&& acc[0]
|
||||||
|
&& String(batch[0].id) === String(acc[0].id)
|
||||||
|
) {
|
||||||
|
return acc;
|
||||||
|
}
|
||||||
|
const merged = acc.concat(batch);
|
||||||
|
const total = !Array.isArray(res) && res != null ? Number(res.total) : NaN;
|
||||||
|
if (!Number.isNaN(total) && merged.length >= total) return merged;
|
||||||
|
if (batch.length < pageSize) return merged;
|
||||||
|
return loadPage(page + 1, merged);
|
||||||
|
});
|
||||||
|
return loadPage(1, []);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getFormStatusActionButtons(headerSaved, orderId, status) {
|
||||||
|
if (!headerSaved || !orderId || !canScanAtStatus(status)) return [];
|
||||||
|
return [
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getViewStatusActionButtons(status) {
|
||||||
|
if (status === AUDIT_STATUS.PENDING || status === AUDIT_STATUS.REJECTED) {
|
||||||
|
return [
|
||||||
|
{ label: '编辑', action: 'edit' },
|
||||||
|
{ label: '审核', action: 'approve' },
|
||||||
|
{ label: '作废', action: 'void' },
|
||||||
|
];
|
||||||
|
}
|
||||||
|
if (status === AUDIT_STATUS.APPROVED) {
|
||||||
|
return [{ label: '消审', action: 'unapprove' }];
|
||||||
|
}
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
export function orderToFormFields(order) {
|
||||||
|
return {
|
||||||
|
order_no: order.order_no,
|
||||||
|
biz_unit_id: order.biz_unit_id,
|
||||||
|
biz_unit_name: order.biz_unit_name,
|
||||||
|
warehouse_id: order.warehouse_id,
|
||||||
|
warehouse_name: order.warehouse_name,
|
||||||
|
sale_system_id: order.sale_system_id,
|
||||||
|
sale_system_name: order.sale_system_name,
|
||||||
|
sale_mode: order.sale_mode || '',
|
||||||
|
sale_mode_name: order.sale_mode_name || SALE_MODE_MAP[order.sale_mode] || '',
|
||||||
|
in_order_type: order.in_order_type || IN_ORDER_TYPE_PURCHASE,
|
||||||
|
in_order_type_name: order.in_order_type_name
|
||||||
|
|| IN_ORDER_TYPE_MAP[order.in_order_type]
|
||||||
|
|| IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PURCHASE],
|
||||||
|
paper_tube_weight: String(DEFAULT_PAPER_TUBE_WEIGHT),
|
||||||
|
package_weight: String(DEFAULT_PACKAGE_WEIGHT),
|
||||||
|
remark: order.remark,
|
||||||
|
item_data: order.item_data,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 从仓库下拉中选出默认成品仓 */
|
||||||
|
export function pickDefaultWarehouse(options, loginWarehouseId, loginWarehouseName) {
|
||||||
|
const list = options || [];
|
||||||
|
const byName = list.find((item) => item.label === DEFAULT_WAREHOUSE_NAME);
|
||||||
|
if (byName) return byName;
|
||||||
|
if (loginWarehouseId) {
|
||||||
|
const byId = list.find((item) => String(item.value) === String(loginWarehouseId));
|
||||||
|
if (byId) return byId;
|
||||||
|
if (loginWarehouseName) {
|
||||||
|
return { value: loginWarehouseId, label: loginWarehouseName };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return list[0] || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 确认并执行审核状态变更
|
||||||
|
*/
|
||||||
|
export function confirmOrderStatusAction(vm, { orderId, action, onSuccess }) {
|
||||||
|
const cfg = STATUS_ACTION_CONFIG[action];
|
||||||
|
if (!cfg || !orderId) return;
|
||||||
|
const api = vm.$u.api.fpmPrcInOrder;
|
||||||
|
const requestFn = api[cfg.apiKey];
|
||||||
|
if (typeof requestFn !== 'function') return;
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: cfg.msg,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
uni.showLoading({ title: '处理中...' });
|
||||||
|
requestFn(buildStatusParam(orderId))
|
||||||
|
.then(() => {
|
||||||
|
if (typeof onSuccess === 'function') return onSuccess();
|
||||||
|
uni.hideLoading();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (vm.showError) vm.showError(e.message || '操作失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,94 @@
|
|||||||
|
/**
|
||||||
|
* Android PDA 语音播报(系统 TextToSpeech)
|
||||||
|
* App 端可用;非 App 环境静默跳过。
|
||||||
|
*/
|
||||||
|
let ttsInstance = null;
|
||||||
|
let ttsReady = false;
|
||||||
|
let ttsInitStarted = false;
|
||||||
|
const pendingQueue = [];
|
||||||
|
|
||||||
|
function flushPending() {
|
||||||
|
if (!ttsReady || !ttsInstance) return;
|
||||||
|
while (pendingQueue.length) {
|
||||||
|
const text = pendingQueue.shift();
|
||||||
|
doSpeak(text);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function doSpeak(text) {
|
||||||
|
if (!ttsInstance || !text) return;
|
||||||
|
try {
|
||||||
|
const TextToSpeech = plus.android.importClass('android.speech.tts.TextToSpeech');
|
||||||
|
// QUEUE_FLUSH:打断当前播报,立即播新内容
|
||||||
|
ttsInstance.speak(String(text), TextToSpeech.QUEUE_FLUSH, null);
|
||||||
|
} catch (e) {
|
||||||
|
console.warn('[tts] speak failed', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function initTts() {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
if (ttsInitStarted || typeof plus === 'undefined') return;
|
||||||
|
if (plus.os.name !== 'Android') return;
|
||||||
|
ttsInitStarted = true;
|
||||||
|
try {
|
||||||
|
const main = plus.android.runtimeMainActivity();
|
||||||
|
const TextToSpeech = plus.android.importClass('android.speech.tts.TextToSpeech');
|
||||||
|
const Locale = plus.android.importClass('java.util.Locale');
|
||||||
|
ttsInstance = new TextToSpeech(
|
||||||
|
main,
|
||||||
|
plus.android.implements('android.speech.tts.TextToSpeech$OnInitListener', {
|
||||||
|
onInit(status) {
|
||||||
|
if (status === TextToSpeech.SUCCESS) {
|
||||||
|
try {
|
||||||
|
ttsInstance.setLanguage(Locale.CHINA);
|
||||||
|
ttsInstance.setSpeechRate(1.0);
|
||||||
|
} catch (e) {
|
||||||
|
console.warn('[tts] setLanguage failed', e);
|
||||||
|
}
|
||||||
|
ttsReady = true;
|
||||||
|
flushPending();
|
||||||
|
} else {
|
||||||
|
console.warn('[tts] init status not SUCCESS', status);
|
||||||
|
ttsReady = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
);
|
||||||
|
} catch (e) {
|
||||||
|
console.warn('[tts] init failed', e);
|
||||||
|
ttsInitStarted = false;
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 播报中文文本;TTS 未就绪时先入队,初始化成功后补播。
|
||||||
|
* @param {string} text
|
||||||
|
*/
|
||||||
|
export function speak(text) {
|
||||||
|
const content = (text || '').trim();
|
||||||
|
if (!content) return;
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
if (typeof plus === 'undefined' || plus.os.name !== 'Android') return;
|
||||||
|
if (!ttsInitStarted) initTts();
|
||||||
|
if (ttsReady && ttsInstance) {
|
||||||
|
doSpeak(content);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
pendingQueue.push(content);
|
||||||
|
// 避免异常堆积
|
||||||
|
if (pendingQueue.length > 5) pendingQueue.splice(0, pendingQueue.length - 5);
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
|
|
||||||
|
export function stopSpeak() {
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
if (!ttsInstance) return;
|
||||||
|
try {
|
||||||
|
ttsInstance.stop();
|
||||||
|
} catch (e) {
|
||||||
|
/* ignore */
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
}
|
||||||
@@ -0,0 +1,155 @@
|
|||||||
|
/**
|
||||||
|
* 登录会话:token、用户信息、菜单/按钮权限
|
||||||
|
*/
|
||||||
|
import store from '@/store/index.js';
|
||||||
|
|
||||||
|
const TOKEN_KEY = 'RemoteTokenData';
|
||||||
|
const USER_TOKEN_KEY = 'userToken';
|
||||||
|
const INFORMATION_KEY = 'PdaUserInformation';
|
||||||
|
|
||||||
|
function commitVuex(name, value) {
|
||||||
|
store.commit('$uStore', { name, value });
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyGlobalData(patch) {
|
||||||
|
try {
|
||||||
|
const app = getApp();
|
||||||
|
if (!app || !app.globalData) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
Object.keys(patch).forEach((key) => {
|
||||||
|
app.globalData[key] = patch[key];
|
||||||
|
});
|
||||||
|
} catch (e) {
|
||||||
|
console.log('applyGlobalData error', e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getLoginData() {
|
||||||
|
return uni.getStorageSync(TOKEN_KEY) || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getUserInformation() {
|
||||||
|
return uni.getStorageSync(INFORMATION_KEY) || null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function applyLoginData(loginData) {
|
||||||
|
if (!loginData) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.setStorageSync(TOKEN_KEY, loginData);
|
||||||
|
uni.setStorageSync(USER_TOKEN_KEY, { Token: loginData.token });
|
||||||
|
if (loginData.token) {
|
||||||
|
commitVuex('vuex_token', loginData.token);
|
||||||
|
}
|
||||||
|
applyGlobalData({
|
||||||
|
Token: loginData.token || '',
|
||||||
|
EmployeeID: loginData.employee_id != null ? loginData.employee_id : (loginData.user_id || 0),
|
||||||
|
LoginID: loginData.user_id || 0,
|
||||||
|
LoginName: loginData.user_name || '',
|
||||||
|
UserName: loginData.user_name || '',
|
||||||
|
PlanDepartmentID: loginData.default_sale_system_id || 0,
|
||||||
|
PlanDepartmentName: loginData.default_sale_system_name || '',
|
||||||
|
StoreNameID: loginData.default_physical_warehouse_id || 0,
|
||||||
|
StoreName: loginData.default_physical_warehouse_name || '',
|
||||||
|
IsSaleUserStatus: 0,
|
||||||
|
UserGroup: '',
|
||||||
|
StoreTypeNo: ''
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function applyUserInformation(info) {
|
||||||
|
if (!info) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.setStorageSync(INFORMATION_KEY, info);
|
||||||
|
const profile = {
|
||||||
|
userName: info.user_name || '',
|
||||||
|
user_id: info.user_id,
|
||||||
|
user_name: info.user_name || '',
|
||||||
|
avatar: info.avatar_url || '',
|
||||||
|
avatar_url: info.avatar_url || '',
|
||||||
|
employee_id: info.employee_id,
|
||||||
|
department_id: info.department_id,
|
||||||
|
department_name: info.department_name || '',
|
||||||
|
phone: info.phone || '',
|
||||||
|
default_sale_system_id: info.default_sale_system_id,
|
||||||
|
default_sale_system_name: info.default_sale_system_name || '',
|
||||||
|
default_customer_id: info.default_customer_id,
|
||||||
|
default_customer_name: info.default_customer_name || '',
|
||||||
|
role_id: info.role_id || []
|
||||||
|
};
|
||||||
|
commitVuex('vuex_user', profile);
|
||||||
|
applyGlobalData({
|
||||||
|
EmployeeID: info.employee_id != null ? info.employee_id : (info.user_id || 0),
|
||||||
|
LoginID: info.user_id || 0,
|
||||||
|
LoginName: info.user_name || '',
|
||||||
|
UserName: info.user_name || '',
|
||||||
|
PlanDepartmentID: info.default_sale_system_id || 0,
|
||||||
|
PlanDepartmentName: info.default_sale_system_name || ''
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function restoreUserSession() {
|
||||||
|
const loginData = getLoginData();
|
||||||
|
if (loginData && loginData.token) {
|
||||||
|
applyLoginData(loginData);
|
||||||
|
}
|
||||||
|
const info = getUserInformation();
|
||||||
|
if (info) {
|
||||||
|
applyUserInformation(info);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function clearUserSession() {
|
||||||
|
uni.removeStorageSync(TOKEN_KEY);
|
||||||
|
uni.removeStorageSync(USER_TOKEN_KEY);
|
||||||
|
uni.removeStorageSync(INFORMATION_KEY);
|
||||||
|
uni.removeStorageSync('token');
|
||||||
|
commitVuex('vuex_token', '');
|
||||||
|
commitVuex('vuex_user', {});
|
||||||
|
applyGlobalData({
|
||||||
|
Token: '',
|
||||||
|
EmployeeID: 0,
|
||||||
|
LoginID: 0,
|
||||||
|
LoginName: '',
|
||||||
|
UserName: '',
|
||||||
|
PlanDepartmentID: 0,
|
||||||
|
PlanDepartmentName: '',
|
||||||
|
StoreNameID: 0,
|
||||||
|
StoreName: '',
|
||||||
|
IsSaleUserStatus: 0,
|
||||||
|
UserGroup: '',
|
||||||
|
StoreTypeNo: ''
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function hasResourceRouter(name) {
|
||||||
|
if (!name) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
const info = getUserInformation();
|
||||||
|
if (!info) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
const names = info.resource_router_names;
|
||||||
|
if (!Array.isArray(names)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return names.indexOf(name) !== -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function hasButtonCode(code) {
|
||||||
|
if (!code) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
const info = getUserInformation();
|
||||||
|
if (!info) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
const codes = info.button_codes;
|
||||||
|
if (!Array.isArray(codes)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return codes.indexOf(code) !== -1;
|
||||||
|
}
|
||||||
@@ -23,9 +23,6 @@ export function request(options) {
|
|||||||
url: apiurl + options.url,
|
url: apiurl + options.url,
|
||||||
method: options.method || 'GET',
|
method: options.method || 'GET',
|
||||||
data: options.data,
|
data: options.data,
|
||||||
// #ifdef APP-PLUS
|
|
||||||
sslVerify: false,
|
|
||||||
// #endif
|
|
||||||
header: {
|
header: {
|
||||||
'Platform': 2,
|
'Platform': 2,
|
||||||
'Authorization': token,
|
'Authorization': token,
|
||||||
@@ -366,58 +363,6 @@ function playErrorAudio() {
|
|||||||
errorAudio.play();
|
errorAudio.play();
|
||||||
}
|
}
|
||||||
|
|
||||||
// 固定中文提示语音
|
|
||||||
const SPEAK_AUDIO = {
|
|
||||||
'扫码出仓成功': '/static/audio/scan_out_ok.mp3',
|
|
||||||
'删除成功': '/static/audio/delete_ok.mp3',
|
|
||||||
'提交成功': '/static/audio/submit_ok.mp3',
|
|
||||||
'审核成功': '/static/audio/audit_ok.mp3',
|
|
||||||
'作废成功': '/static/audio/void_ok.mp3',
|
|
||||||
'扫码成功': '/static/audio/scan_ok.wav',
|
|
||||||
'进仓成功': '/static/audio/in_ok.wav',
|
|
||||||
};
|
|
||||||
|
|
||||||
const speakAudioMap = {};
|
|
||||||
|
|
||||||
function stopOtherSpeak(exceptText) {
|
|
||||||
Object.keys(speakAudioMap).forEach((key) => {
|
|
||||||
if (key === exceptText || !speakAudioMap[key]) return;
|
|
||||||
try {
|
|
||||||
speakAudioMap[key].stop();
|
|
||||||
} catch (e) {}
|
|
||||||
});
|
|
||||||
if (successAudio) {
|
|
||||||
try {
|
|
||||||
successAudio.stop();
|
|
||||||
} catch (e) {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function playSpeak(text) {
|
|
||||||
const src = SPEAK_AUDIO[text];
|
|
||||||
if (!src) return;
|
|
||||||
stopOtherSpeak(text);
|
|
||||||
const prev = speakAudioMap[text];
|
|
||||||
if (prev) {
|
|
||||||
try {
|
|
||||||
prev.stop();
|
|
||||||
prev.destroy();
|
|
||||||
} catch (e) {}
|
|
||||||
speakAudioMap[text] = undefined;
|
|
||||||
}
|
|
||||||
const audio = uni.createInnerAudioContext();
|
|
||||||
audio.autoplay = true;
|
|
||||||
audio.src = src;
|
|
||||||
audio.onError((res) => {
|
|
||||||
console.log('语音播放失败', text, res && res.errMsg);
|
|
||||||
try {
|
|
||||||
audio.destroy();
|
|
||||||
} catch (e) {}
|
|
||||||
if (speakAudioMap[text] === audio) speakAudioMap[text] = undefined;
|
|
||||||
});
|
|
||||||
speakAudioMap[text] = audio;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
get apiurl() {
|
get apiurl() {
|
||||||
@@ -430,5 +375,4 @@ export default {
|
|||||||
parGetData,
|
parGetData,
|
||||||
playSuccessAudio,
|
playSuccessAudio,
|
||||||
playErrorAudio,
|
playErrorAudio,
|
||||||
playSpeak,
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
<view>{{ item.bill_type_name }}</view>
|
<view>{{ item.bill_type_name }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="cardRow">
|
<view class="cardRow">
|
||||||
<view>接收单位:</view>
|
<view>染厂:</view>
|
||||||
<view>{{ item.business_unit_name || '-' }}</view>
|
<view>{{ item.business_unit_name || '-' }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="cardRow">
|
<view class="cardRow">
|
||||||
|
|||||||
@@ -0,0 +1,67 @@
|
|||||||
|
<template>
|
||||||
|
<view class="myCard">
|
||||||
|
<view class="cardTopName">
|
||||||
|
<text>{{ item.order_no }}</text>
|
||||||
|
<text class="statusTag" :class="'status-' + item.audit_status">{{ item.audit_status_name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>加工单位:</view>
|
||||||
|
<view>{{ item.process_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>仓库名称:</view>
|
||||||
|
<view>{{ item.warehouse_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>匹数总计:</view>
|
||||||
|
<view>{{ item.total_roll != null ? item.total_roll : '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>创 建 人:</view>
|
||||||
|
<view>{{ item.create_user_name }} {{ formatTime(item.create_time, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.auditor_name" class="cardRow">
|
||||||
|
<view>审 核 人:</view>
|
||||||
|
<view>{{ item.auditor_name }} {{ formatTime(item.audit_date, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="!isDetail && !isSelect" class="lookDetail">
|
||||||
|
<text>查看详情</text>
|
||||||
|
<u-icon name="arrow-right" size="36" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { formatDisplayTime } from '@/common/storeGoodsProcessIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
item: { type: Object, default: () => ({}) },
|
||||||
|
index: { type: Number, default: 0 },
|
||||||
|
isSelect: { type: Boolean, default: false },
|
||||||
|
isDetail: { type: Boolean, default: false },
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.cardTopName {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.statusTag {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 4rpx 12rpx;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.status-0 { background: #f0f0f0; color: #666; }
|
||||||
|
.status-1 { background: #fff7e6; color: #fa8c16; }
|
||||||
|
.status-2 { background: #f6ffed; color: #52c41a; }
|
||||||
|
.status-3 { background: #fff1f0; color: #f5222d; }
|
||||||
|
.status-4 { background: #f5f5f5; color: #999; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,71 @@
|
|||||||
|
<template>
|
||||||
|
<view class="myCard">
|
||||||
|
<view class="cardTopName">
|
||||||
|
<text>{{ item.order_no }}</text>
|
||||||
|
<text class="statusTag" :class="'status-' + item.audit_status">{{ item.audit_status_name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>出仓类型:</view>
|
||||||
|
<view>{{ item.out_order_type_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>加工单位:</view>
|
||||||
|
<view>{{ item.process_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>仓库名称:</view>
|
||||||
|
<view>{{ item.warehouse_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>匹数总计:</view>
|
||||||
|
<view>{{ item.total_roll != null ? item.total_roll : '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>创 建 人:</view>
|
||||||
|
<view>{{ item.create_user_name }} {{ formatTime(item.create_time, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.auditor_name" class="cardRow">
|
||||||
|
<view>审 核 人:</view>
|
||||||
|
<view>{{ item.auditor_name }} {{ formatTime(item.audit_date, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="!isDetail && !isSelect" class="lookDetail">
|
||||||
|
<text>查看详情</text>
|
||||||
|
<u-icon name="arrow-right" size="36" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { formatDisplayTime } from '@/common/storeGoodsProcessOut';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
item: { type: Object, default: () => ({}) },
|
||||||
|
index: { type: Number, default: 0 },
|
||||||
|
isSelect: { type: Boolean, default: false },
|
||||||
|
isDetail: { type: Boolean, default: false },
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.cardTopName {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.statusTag {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 4rpx 12rpx;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.status-0 { background: #f0f0f0; color: #666; }
|
||||||
|
.status-1 { background: #fff7e6; color: #fa8c16; }
|
||||||
|
.status-2 { background: #f6ffed; color: #52c41a; }
|
||||||
|
.status-3 { background: #fff1f0; color: #f5222d; }
|
||||||
|
.status-4 { background: #f5f5f5; color: #999; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
<template>
|
||||||
|
<view class="myCard">
|
||||||
|
<view class="cardTopName">
|
||||||
|
<text>{{ item.order_no }}</text>
|
||||||
|
<text class="statusTag" :class="'status-' + item.audit_status">{{ item.audit_status_name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>加工单位:</view>
|
||||||
|
<view>{{ item.process_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>仓库名称:</view>
|
||||||
|
<view>{{ item.warehouse_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>匹数总计:</view>
|
||||||
|
<view>{{ item.total_roll != null ? item.total_roll : '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>创 建 人:</view>
|
||||||
|
<view>{{ item.create_user_name }} {{ formatTime(item.create_time, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.auditor_name" class="cardRow">
|
||||||
|
<view>审 核 人:</view>
|
||||||
|
<view>{{ item.auditor_name }} {{ formatTime(item.audit_date, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="!isDetail && !isSelect" class="lookDetail">
|
||||||
|
<text>查看详情</text>
|
||||||
|
<u-icon name="arrow-right" size="36" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { formatDisplayTime } from '@/common/storeGoodsProcessReturnIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
item: { type: Object, default: () => ({}) },
|
||||||
|
index: { type: Number, default: 0 },
|
||||||
|
isSelect: { type: Boolean, default: false },
|
||||||
|
isDetail: { type: Boolean, default: false },
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.cardTopName {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.statusTag {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 4rpx 12rpx;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.status-0 { background: #f0f0f0; color: #666; }
|
||||||
|
.status-1 { background: #fff7e6; color: #fa8c16; }
|
||||||
|
.status-2 { background: #f6ffed; color: #52c41a; }
|
||||||
|
.status-3 { background: #fff1f0; color: #f5222d; }
|
||||||
|
.status-4 { background: #f5f5f5; color: #999; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,67 @@
|
|||||||
|
<template>
|
||||||
|
<view class="myCard">
|
||||||
|
<view class="cardTopName">
|
||||||
|
<text>{{ item.order_no }}</text>
|
||||||
|
<text class="statusTag" :class="'status-' + item.audit_status">{{ item.audit_status_name }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>供 应 商:</view>
|
||||||
|
<view>{{ item.biz_unit_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>仓库名称:</view>
|
||||||
|
<view>{{ item.warehouse_name || '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>匹数总计:</view>
|
||||||
|
<view>{{ item.total_roll != null ? item.total_roll : '-' }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="cardRow">
|
||||||
|
<view>创 建 人:</view>
|
||||||
|
<view>{{ item.create_user_name }} {{ formatTime(item.create_time, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.auditor_name" class="cardRow">
|
||||||
|
<view>审 核 人:</view>
|
||||||
|
<view>{{ item.auditor_name }} {{ formatTime(item.audit_date, 'YYYY-MM-DD') }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="!isDetail && !isSelect" class="lookDetail">
|
||||||
|
<text>查看详情</text>
|
||||||
|
<u-icon name="arrow-right" size="36" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { formatDisplayTime } from '@/common/storeGoodsPurchaseIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
item: { type: Object, default: () => ({}) },
|
||||||
|
index: { type: Number, default: 0 },
|
||||||
|
isSelect: { type: Boolean, default: false },
|
||||||
|
isDetail: { type: Boolean, default: false },
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.cardTopName {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.statusTag {
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 4rpx 12rpx;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.status-0 { background: #f0f0f0; color: #666; }
|
||||||
|
.status-1 { background: #fff7e6; color: #fa8c16; }
|
||||||
|
.status-2 { background: #f6ffed; color: #52c41a; }
|
||||||
|
.status-3 { background: #fff1f0; color: #f5222d; }
|
||||||
|
.status-4 { background: #f5f5f5; color: #999; }
|
||||||
|
</style>
|
||||||
@@ -1,259 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view v-show="visible" class="plus-barcode-panel">
|
|
||||||
<view class="plus-barcode-panel__toolbar">
|
|
||||||
<text class="plus-barcode-panel__tip">{{ tipText }}</text>
|
|
||||||
<text class="plus-barcode-panel__close" @click.stop="close">收起</text>
|
|
||||||
</view>
|
|
||||||
<!-- #ifdef APP-PLUS -->
|
|
||||||
<view :id="holderId" class="plus-barcode-panel__holder" />
|
|
||||||
<!-- #endif -->
|
|
||||||
<!-- #ifndef APP-PLUS -->
|
|
||||||
<view class="plus-barcode-panel__fallback">
|
|
||||||
<text>当前环境不支持半屏扫码,请使用输入框或系统扫码</text>
|
|
||||||
</view>
|
|
||||||
<!-- #endif -->
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const DEFAULT_FILTERS = [0, 1, 2, 8, 10]; // QR EAN13 EAN8 CODE39 CODE128
|
|
||||||
let barcodeSeq = 0;
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'PlusBarcodePanel',
|
|
||||||
props: {
|
|
||||||
visible: { type: Boolean, default: false },
|
|
||||||
hintText: { type: String, default: '将条码放入框内,可连续扫' },
|
|
||||||
scanTimeSpace: { type: Number, default: 1200 },
|
|
||||||
filters: { type: Array, default: () => DEFAULT_FILTERS.slice() },
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
barcodeSeq += 1;
|
|
||||||
return {
|
|
||||||
holderId: `plusBarcodeHolder_${barcodeSeq}`,
|
|
||||||
barcodeViewId: `plusBarcodeView_${barcodeSeq}`,
|
|
||||||
_barcode: null,
|
|
||||||
_restartTimer: null,
|
|
||||||
_active: false,
|
|
||||||
_creating: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
tipText() {
|
|
||||||
return this.hintText || '将条码放入框内,可连续扫';
|
|
||||||
},
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
visible(val) {
|
|
||||||
if (val) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.openNative();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.destroyNative();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
beforeDestroy() {
|
|
||||||
this.destroyNative();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
open() {
|
|
||||||
if (this.visible) {
|
|
||||||
this.$nextTick(() => this.openNative());
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.$emit('update:visible', true);
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.destroyNative();
|
|
||||||
if (this.visible) {
|
|
||||||
this.$emit('update:visible', false);
|
|
||||||
}
|
|
||||||
this.$emit('close');
|
|
||||||
},
|
|
||||||
getCurrentWebview() {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
try {
|
|
||||||
const pages = getCurrentPages();
|
|
||||||
const page = pages[pages.length - 1];
|
|
||||||
if (page && typeof page.$getAppWebview === 'function') {
|
|
||||||
return page.$getAppWebview();
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.warn('PlusBarcodePanel getCurrentWebview failed', e);
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
openNative() {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
if (!this.visible || this._creating) return;
|
|
||||||
if (this._barcode) {
|
|
||||||
this.resumeScan();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this._creating = true;
|
|
||||||
this._active = true;
|
|
||||||
// 等占位区域完成布局后再量位置,避免 Android 上 rect 为 0
|
|
||||||
setTimeout(() => {
|
|
||||||
if (!this.visible || !this._active) {
|
|
||||||
this._creating = false;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
uni.createSelectorQuery()
|
|
||||||
.in(this)
|
|
||||||
.select('.plus-barcode-panel__holder')
|
|
||||||
.boundingClientRect((rect) => {
|
|
||||||
this._creating = false;
|
|
||||||
if (!this.visible || !this._active) return;
|
|
||||||
if (!rect || !rect.width || !rect.height) {
|
|
||||||
uni.showToast({ title: '扫码区域未就绪', icon: 'none' });
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.createBarcode(rect);
|
|
||||||
})
|
|
||||||
.exec();
|
|
||||||
}, 80);
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
createBarcode(rect) {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
const webview = this.getCurrentWebview();
|
|
||||||
if (!webview || typeof plus === 'undefined' || !plus.barcode) {
|
|
||||||
uni.showToast({ title: '当前环境不支持扫码', icon: 'none' });
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.destroyNative(false);
|
|
||||||
try {
|
|
||||||
const barcode = plus.barcode.create(
|
|
||||||
this.barcodeViewId,
|
|
||||||
this.filters && this.filters.length ? this.filters : DEFAULT_FILTERS,
|
|
||||||
{
|
|
||||||
top: `${Math.round(rect.top)}px`,
|
|
||||||
left: `${Math.round(rect.left)}px`,
|
|
||||||
width: `${Math.round(rect.width)}px`,
|
|
||||||
height: `${Math.round(rect.height)}px`,
|
|
||||||
position: 'absolute',
|
|
||||||
background: '#000000',
|
|
||||||
frameColor: '#2979ff',
|
|
||||||
scanbarColor: '#2979ff',
|
|
||||||
},
|
|
||||||
);
|
|
||||||
barcode.onmarked = (type, code) => {
|
|
||||||
this.onMarked(type, code);
|
|
||||||
};
|
|
||||||
barcode.onerror = (err) => {
|
|
||||||
console.error('PlusBarcodePanel onerror', err);
|
|
||||||
};
|
|
||||||
webview.append(barcode);
|
|
||||||
this._barcode = barcode;
|
|
||||||
this._active = true;
|
|
||||||
barcode.start({
|
|
||||||
vibrate: true,
|
|
||||||
sound: 'default',
|
|
||||||
});
|
|
||||||
} catch (e) {
|
|
||||||
console.error('PlusBarcodePanel create failed', e);
|
|
||||||
uni.showToast({ title: '打开扫码失败', icon: 'none' });
|
|
||||||
this._barcode = null;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
onMarked(type, code) {
|
|
||||||
const result = String(code || '').trim();
|
|
||||||
if (!result || !this._active) return;
|
|
||||||
try {
|
|
||||||
if (this._barcode) this._barcode.cancel();
|
|
||||||
} catch (e) {
|
|
||||||
// ignore
|
|
||||||
}
|
|
||||||
this.$emit('success', result, type);
|
|
||||||
clearTimeout(this._restartTimer);
|
|
||||||
const gap = Number(this.scanTimeSpace) > 0 ? Number(this.scanTimeSpace) : 1200;
|
|
||||||
this._restartTimer = setTimeout(() => {
|
|
||||||
this.resumeScan();
|
|
||||||
}, gap);
|
|
||||||
},
|
|
||||||
resumeScan() {
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
if (!this.visible || !this._active || !this._barcode) return;
|
|
||||||
try {
|
|
||||||
this._barcode.start({
|
|
||||||
vibrate: true,
|
|
||||||
sound: 'default',
|
|
||||||
});
|
|
||||||
} catch (e) {
|
|
||||||
console.warn('PlusBarcodePanel resume failed', e);
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
destroyNative(clearActive = true) {
|
|
||||||
clearTimeout(this._restartTimer);
|
|
||||||
this._restartTimer = null;
|
|
||||||
if (clearActive) this._active = false;
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
const barcode = this._barcode;
|
|
||||||
this._barcode = null;
|
|
||||||
if (!barcode) return;
|
|
||||||
try {
|
|
||||||
barcode.cancel();
|
|
||||||
} catch (e) {
|
|
||||||
// ignore
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
barcode.close();
|
|
||||||
} catch (e) {
|
|
||||||
// ignore
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
.plus-barcode-panel {
|
|
||||||
background: #000;
|
|
||||||
margin-top: 16rpx;
|
|
||||||
}
|
|
||||||
.plus-barcode-panel__toolbar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
min-height: 72rpx;
|
|
||||||
padding: 12rpx 26rpx;
|
|
||||||
background: #1f1f1f;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.plus-barcode-panel__tip {
|
|
||||||
flex: 1;
|
|
||||||
color: #ffffff;
|
|
||||||
font-size: $pda-font-action;
|
|
||||||
padding-right: 16rpx;
|
|
||||||
}
|
|
||||||
.plus-barcode-panel__close {
|
|
||||||
color: #2979ff;
|
|
||||||
font-size: $pda-font-action;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
.plus-barcode-panel__holder {
|
|
||||||
width: 100%;
|
|
||||||
height: 420rpx;
|
|
||||||
background: #000;
|
|
||||||
}
|
|
||||||
.plus-barcode-panel__fallback {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 420rpx;
|
|
||||||
padding: 24rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background: #333;
|
|
||||||
color: #fff;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -42,7 +42,7 @@ export default {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.popupTitle {
|
.popupTitle {
|
||||||
font-size: 32rpx;
|
font-size: 34rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
@@ -58,7 +58,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
padding: 16rpx 0;
|
padding: 16rpx 0;
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
font-size: 28rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
width: 180rpx;
|
width: 180rpx;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view v-if="title" class="fabric-out-sectionTitle">{{ title }}</view>
|
<view class="fabric-out-sectionTitle">{{ title }}</view>
|
||||||
<slot name="before-list" />
|
<slot name="before-list" />
|
||||||
<view class="fabric-out-detailList">
|
<view class="fabric-out-detailList">
|
||||||
<view
|
<view
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
list: { type: Array, default: () => [] },
|
list: { type: Array, default: () => [] },
|
||||||
title: { type: String, default: '' },
|
title: { type: String, default: '出仓细码' },
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -10,20 +10,14 @@
|
|||||||
@input="$emit('input', $event.detail.value)"
|
@input="$emit('input', $event.detail.value)"
|
||||||
@confirm="$emit('scan')"
|
@confirm="$emit('scan')"
|
||||||
/>
|
/>
|
||||||
<view
|
<u-icon
|
||||||
v-if="scanning"
|
v-if="showPhoneScan"
|
||||||
class="fabric-out-scanClose"
|
class="fabric-out-phoneScanIcon"
|
||||||
@click.stop="$emit('phone-scan')"
|
name="scan"
|
||||||
>
|
size="44"
|
||||||
关闭扫码
|
color="#2979ff"
|
||||||
</view>
|
@click="$emit('phone-scan')"
|
||||||
<view
|
/>
|
||||||
v-else
|
|
||||||
class="fabric-out-toolbarIcon"
|
|
||||||
@click.stop="$emit('phone-scan')"
|
|
||||||
>
|
|
||||||
<u-icon name="scan" size="44" color="#595959" />
|
|
||||||
</view>
|
|
||||||
<checkbox-group @change="$emit('delete-mode-change', $event)">
|
<checkbox-group @change="$emit('delete-mode-change', $event)">
|
||||||
<label class="fabric-out-delCheck">
|
<label class="fabric-out-delCheck">
|
||||||
<checkbox :checked="deleteMode" />删除
|
<checkbox :checked="deleteMode" />删除
|
||||||
@@ -43,40 +37,16 @@ export default {
|
|||||||
deleteMode: { type: Boolean, default: false },
|
deleteMode: { type: Boolean, default: false },
|
||||||
message: { type: String, default: '' },
|
message: { type: String, default: '' },
|
||||||
disabledTip: { type: String, default: '当前状态不可扫码' },
|
disabledTip: { type: String, default: '当前状态不可扫码' },
|
||||||
scanning: { type: Boolean, default: false },
|
showPhoneScan: { type: Boolean, default: false },
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
.fabric-out-toolbarIcon {
|
.fabric-out-phoneScanIcon {
|
||||||
display: flex;
|
margin-left: 16rpx;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 72rpx;
|
|
||||||
height: 72rpx;
|
|
||||||
margin-left: 8rpx;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
border: 1rpx solid #d9d9d9;
|
|
||||||
background: #f7f7f7;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.fabric-out-scanClose {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
margin-left: 8rpx;
|
|
||||||
padding: 0 16rpx;
|
|
||||||
height: 72rpx;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
border: 1rpx solid #2979ff;
|
|
||||||
background: #eaf2ff;
|
|
||||||
color: #2979ff;
|
|
||||||
font-size: $pda-font-action;
|
|
||||||
flex-shrink: 0;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -12,14 +12,12 @@
|
|||||||
<text class="fabric-out-scanDetailLabel">客户:</text>
|
<text class="fabric-out-scanDetailLabel">客户:</text>
|
||||||
<text class="fabric-out-scanDetailValue">{{ detail.customer_name || '' }}</text>
|
<text class="fabric-out-scanDetailValue">{{ detail.customer_name || '' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="fabric-out-scanDetailRow">
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('produce_order_no')">
|
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('produce_order_no')">
|
||||||
<checkbox :checked="isGroupChecked('produce_order_no')" />
|
<checkbox :checked="isGroupChecked('produce_order_no')" />
|
||||||
<text class="fabric-out-scanDetailLabel">生产通知单:</text>
|
<text class="fabric-out-scanDetailLabel">生产通知单:</text>
|
||||||
<text class="fabric-out-scanDetailValue">{{ detail.produce_order_no || '' }}</text>
|
<text class="fabric-out-scanDetailValue">{{ detail.produce_order_no || '' }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
<view class="fabric-out-scanDetailRow">
|
|
||||||
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('grey_fabric_code')">
|
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('grey_fabric_code')">
|
||||||
<checkbox :checked="isGroupChecked('grey_fabric_code')" />
|
<checkbox :checked="isGroupChecked('grey_fabric_code')" />
|
||||||
<text class="fabric-out-scanDetailLabel">布编:</text>
|
<text class="fabric-out-scanDetailLabel">布编:</text>
|
||||||
@@ -43,12 +41,15 @@
|
|||||||
<text class="fabric-out-scanDetailLabel">机号:</text>
|
<text class="fabric-out-scanDetailLabel">机号:</text>
|
||||||
<text class="fabric-out-scanDetailValue">{{ detail.machine_number || '' }}</text>
|
<text class="fabric-out-scanDetailValue">{{ detail.machine_number || '' }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('volume_number')">
|
<view class="fabric-out-scanDetailCell">
|
||||||
<checkbox :checked="isGroupChecked('volume_number')" />
|
|
||||||
<text class="fabric-out-scanDetailLabel">布号:</text>
|
<text class="fabric-out-scanDetailLabel">布号:</text>
|
||||||
<text class="fabric-out-scanDetailValue">{{ detail.volume_number || '' }}</text>
|
<text class="fabric-out-scanDetailValue">{{ detail.volume_number || '' }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow">
|
||||||
|
<text class="fabric-out-scanDetailLabel">外部卷号:</text>
|
||||||
|
<text class="fabric-out-scanDetailValue">{{ detail.extern_volume_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('grey_fabric_level_name')">
|
<view class="fabric-out-scanDetailCheck" @click="toggleGroup('grey_fabric_level_name')">
|
||||||
<checkbox :checked="isGroupChecked('grey_fabric_level_name')" />
|
<checkbox :checked="isGroupChecked('grey_fabric_level_name')" />
|
||||||
@@ -60,20 +61,75 @@
|
|||||||
<text class="fabric-out-scanDetailValue">{{ formatWeight(detail.weight) }}Kg</text>
|
<text class="fabric-out-scanDetailValue">{{ formatWeight(detail.weight) }}Kg</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-x class="fabric-out-scanDetailTableScroll">
|
||||||
|
<view class="fabric-out-scanDetailTable" :style="{ width: tableWidth }">
|
||||||
|
<view class="fabric-out-scanDetailTableRow fabric-out-scanDetailTableHead">
|
||||||
|
<view
|
||||||
|
v-for="col in columns"
|
||||||
|
:key="col.key"
|
||||||
|
class="fabric-out-scanDetailTableCell"
|
||||||
|
:style="cellStyle(col)"
|
||||||
|
>{{ col.label }}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="!tableRows.length" class="fabric-out-scanDetailEmpty">暂无数据~~</view>
|
||||||
|
<view
|
||||||
|
v-for="(row, rowIndex) in tableRows"
|
||||||
|
:key="rowIndex"
|
||||||
|
class="fabric-out-scanDetailTableRow"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
v-for="col in columns"
|
||||||
|
:key="col.key"
|
||||||
|
class="fabric-out-scanDetailTableCell"
|
||||||
|
:style="cellStyle(col)"
|
||||||
|
>{{ formatCell(row, col.key) }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
SCAN_DETAIL_TABLE_COLUMNS,
|
||||||
|
SCAN_GROUP_OPTIONS,
|
||||||
|
getScanDetailTableWidth,
|
||||||
|
buildScanDetailTableRows,
|
||||||
|
} from '@/common/storeFabricBusinessOut';
|
||||||
|
|
||||||
|
const LOCKABLE_GROUP_KEYS = SCAN_GROUP_OPTIONS.map((item) => item.key);
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
detail: { type: Object, default: () => ({}) },
|
detail: { type: Object, default: () => ({}) },
|
||||||
|
itemData: { type: Array, default: () => [] },
|
||||||
groupKeys: { type: Array, default: () => [] },
|
groupKeys: { type: Array, default: () => [] },
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
columns() {
|
||||||
|
return SCAN_DETAIL_TABLE_COLUMNS;
|
||||||
|
},
|
||||||
|
tableWidth() {
|
||||||
|
return getScanDetailTableWidth(this.columns);
|
||||||
|
},
|
||||||
|
tableRows() {
|
||||||
|
return buildScanDetailTableRows(this.itemData, this.groupKeys);
|
||||||
|
},
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
cellStyle(col) {
|
||||||
|
return {
|
||||||
|
width: `${col.width}rpx`,
|
||||||
|
minWidth: `${col.width}rpx`,
|
||||||
|
maxWidth: `${col.width}rpx`,
|
||||||
|
};
|
||||||
|
},
|
||||||
isGroupChecked(key) {
|
isGroupChecked(key) {
|
||||||
return (this.groupKeys || []).includes(key);
|
return (this.groupKeys || []).includes(key);
|
||||||
},
|
},
|
||||||
toggleGroup(key) {
|
toggleGroup(key) {
|
||||||
|
if (!LOCKABLE_GROUP_KEYS.includes(key)) return;
|
||||||
const next = [...(this.groupKeys || [])];
|
const next = [...(this.groupKeys || [])];
|
||||||
const index = next.indexOf(key);
|
const index = next.indexOf(key);
|
||||||
if (index >= 0) next.splice(index, 1);
|
if (index >= 0) next.splice(index, 1);
|
||||||
@@ -91,6 +147,11 @@ export default {
|
|||||||
const n = Number(value || 0);
|
const n = Number(value || 0);
|
||||||
return Number(n.toFixed(2));
|
return Number(n.toFixed(2));
|
||||||
},
|
},
|
||||||
|
formatCell(row, key) {
|
||||||
|
if (key === 'roll') return this.formatRoll(row.roll);
|
||||||
|
if (key === 'weight') return this.formatWeight(row.weight);
|
||||||
|
return row[key] || '';
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,140 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="fabric-out-summary">
|
|
||||||
<scroll-view scroll-x class="fabric-out-summaryScroll">
|
|
||||||
<view class="fabric-out-summaryInner" :style="{ width: tableWidth }">
|
|
||||||
<t-table border="1" border-color="#e1e1e1">
|
|
||||||
<t-tr font-size="18" color="#3e3e3e" align="center">
|
|
||||||
<t-th
|
|
||||||
v-for="col in headers"
|
|
||||||
:key="col.key"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
<view class="fabric-out-th" :style="cellStyle(col)">{{ col.label }}</view>
|
|
||||||
</t-th>
|
|
||||||
</t-tr>
|
|
||||||
<t-tr
|
|
||||||
v-for="(row, rowIndex) in contents"
|
|
||||||
:key="row.group_key || rowIndex"
|
|
||||||
font-size="18"
|
|
||||||
color="#333"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
<t-td
|
|
||||||
v-for="col in headers"
|
|
||||||
:key="col.key"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
<view
|
|
||||||
class="fabric-out-td"
|
|
||||||
:style="cellStyle(col)"
|
|
||||||
@click="onCellClick(col.key, row)"
|
|
||||||
>{{ formatCell(row, col.key) }}</view>
|
|
||||||
</t-td>
|
|
||||||
</t-tr>
|
|
||||||
</t-table>
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
<view v-if="!contents.length" class="fabric-out-summaryEmpty">暂无数据~~</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import tTable from '@/components/t-table/t-table.vue';
|
|
||||||
import tTr from '@/components/t-table/t-tr.vue';
|
|
||||||
import tTh from '@/components/t-table/t-th.vue';
|
|
||||||
import tTd from '@/components/t-table/t-td.vue';
|
|
||||||
import { SUMMARY_TABLE_COLUMNS } from '@/common/storeFabricBusinessOut';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: { tTable, tTr, tTh, tTd },
|
|
||||||
props: {
|
|
||||||
rows: { type: Array, default: () => [] },
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
headers() {
|
|
||||||
return SUMMARY_TABLE_COLUMNS;
|
|
||||||
},
|
|
||||||
tableWidth() {
|
|
||||||
const total = this.headers.reduce((sum, col) => sum + (col.width || 160), 0);
|
|
||||||
return `${total}rpx`;
|
|
||||||
},
|
|
||||||
contents() {
|
|
||||||
return (this.rows || []).map((row) => ({
|
|
||||||
...row,
|
|
||||||
grey_fabric_code: row.grey_fabric_code || '',
|
|
||||||
grey_fabric_name: row.grey_fabric_name || '',
|
|
||||||
yarn_batch: row.yarn_batch || '',
|
|
||||||
machine_number: row.machine_number || '',
|
|
||||||
roll: row.roll != null && row.roll !== '' ? String(row.roll) : '0',
|
|
||||||
weight: row.weight != null && row.weight !== '' ? String(row.weight) : '0',
|
|
||||||
}));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
cellStyle(col) {
|
|
||||||
const width = `${col.width || 160}rpx`;
|
|
||||||
return {
|
|
||||||
width,
|
|
||||||
minWidth: width,
|
|
||||||
maxWidth: width,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
formatCell(row, key) {
|
|
||||||
const val = row[key];
|
|
||||||
if (val === 0) return '0';
|
|
||||||
return val != null && val !== '' ? val : '-';
|
|
||||||
},
|
|
||||||
onCellClick(key, row) {
|
|
||||||
this.$emit('cell-click', { key, lineData: row });
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
.fabric-out-summary {
|
|
||||||
background: #fff;
|
|
||||||
margin-top: 16rpx;
|
|
||||||
}
|
|
||||||
.fabric-out-summaryScroll {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.fabric-out-summaryInner {
|
|
||||||
min-width: 100%;
|
|
||||||
}
|
|
||||||
.fabric-out-summary ::v-deep .t-table {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.fabric-out-summary ::v-deep .t-th,
|
|
||||||
.fabric-out-summary ::v-deep .t-td {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
width: auto;
|
|
||||||
padding: 0;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.fabric-out-th,
|
|
||||||
.fabric-out-td {
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 16rpx 12rpx;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
word-break: break-all;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.fabric-out-th {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.fabric-out-summaryEmpty {
|
|
||||||
text-align: center;
|
|
||||||
color: #999;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
line-height: $pda-row-min-height;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -21,17 +21,11 @@
|
|||||||
:class="{ actionCell: col.key === 'action' && !readonly }"
|
:class="{ actionCell: col.key === 'action' && !readonly }"
|
||||||
:style="cellStyle(col)"
|
:style="cellStyle(col)"
|
||||||
@click="onCellTap(col.key, rowIndex)"
|
@click="onCellTap(col.key, rowIndex)"
|
||||||
>
|
>{{ row[col.key] }}</view>
|
||||||
<text
|
|
||||||
v-if="col.key === 'action' && !readonly"
|
|
||||||
class="deleteBtn"
|
|
||||||
>{{ row[col.key] }}</text>
|
|
||||||
<template v-else>{{ row[col.key] }}</template>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<view v-if="!readonly && list.length" class="tableTip">点击「删除」将调用扫码删除接口</view>
|
<view v-if="!readonly && list.length" class="tableTip">点击「操作」列删除,将调用扫码删除接口</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
</template>
|
</template>
|
||||||
@@ -64,10 +58,10 @@ export default {
|
|||||||
return getFineCodeTableWidth(this.columns);
|
return getFineCodeTableWidth(this.columns);
|
||||||
},
|
},
|
||||||
tableScrollHeight() {
|
tableScrollHeight() {
|
||||||
const rowHeight = 56;
|
const rowHeight = 68;
|
||||||
const headerHeight = 56;
|
const headerHeight = 68;
|
||||||
const total = headerHeight + this.list.length * rowHeight;
|
const total = headerHeight + this.list.length * rowHeight;
|
||||||
return `${Math.min(Math.max(total, 112), 480)}rpx`;
|
return `${Math.min(Math.max(total, 136), 520)}rpx`;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -87,11 +81,9 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped>
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
.popupWrap {
|
.popupWrap {
|
||||||
padding: 28rpx 16rpx 32rpx;
|
padding: 24rpx 16rpx 30rpx;
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -99,18 +91,18 @@ export default {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.popupTitle {
|
.popupTitle {
|
||||||
font-size: $pda-font-popup-title;
|
font-size: 34rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 20rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.emptyTip {
|
.emptyTip {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #999;
|
color: #999;
|
||||||
padding: 48rpx 0;
|
padding: 40rpx 0;
|
||||||
font-size: $pda-font-popup-sub;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
.tableScroll {
|
.tableScroll {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -126,7 +118,6 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
align-items: stretch;
|
|
||||||
border-bottom: 1rpx solid #e1e1e1;
|
border-bottom: 1rpx solid #e1e1e1;
|
||||||
}
|
}
|
||||||
.tableRow:last-child {
|
.tableRow:last-child {
|
||||||
@@ -140,12 +131,8 @@ export default {
|
|||||||
}
|
}
|
||||||
.tableCell {
|
.tableCell {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 16rpx 10rpx;
|
padding: 16rpx 10rpx;
|
||||||
font-size: $pda-font-popup-item;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-right: 1rpx solid #e1e1e1;
|
border-right: 1rpx solid #e1e1e1;
|
||||||
@@ -159,28 +146,13 @@ export default {
|
|||||||
.headCell {
|
.headCell {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #3e3e3e;
|
color: #3e3e3e;
|
||||||
min-height: 80rpx;
|
|
||||||
}
|
}
|
||||||
.actionCell {
|
.actionCell {
|
||||||
padding: 12rpx 8rpx;
|
|
||||||
}
|
|
||||||
.deleteBtn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-width: 120rpx;
|
|
||||||
min-height: 72rpx;
|
|
||||||
padding: 0 20rpx;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
background: #fff1f0;
|
|
||||||
border: 1rpx solid #ffa39e;
|
|
||||||
color: #f5222d;
|
color: #f5222d;
|
||||||
font-size: $pda-font-action;
|
|
||||||
line-height: 1.2;
|
|
||||||
}
|
}
|
||||||
.tableTip {
|
.tableTip {
|
||||||
margin-top: 20rpx;
|
margin-top: 16rpx;
|
||||||
font-size: $pda-font-popup-sub;
|
font-size: 26rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
|||||||
@@ -32,11 +32,11 @@ export default {
|
|||||||
border-bottom: 1rpx solid #f5f5f5;
|
border-bottom: 1rpx solid #f5f5f5;
|
||||||
}
|
}
|
||||||
.statusLabel {
|
.statusLabel {
|
||||||
font-size: 40rpx;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.statusTag {
|
.statusTag {
|
||||||
font-size: 34rpx;
|
font-size: 24rpx;
|
||||||
padding: 4rpx 12rpx;
|
padding: 4rpx 12rpx;
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|||||||
@@ -1,199 +0,0 @@
|
|||||||
<template>
|
|
||||||
<u-popup v-model="visible" mode="bottom" :safe-area-inset-bottom="true" border-radius="16">
|
|
||||||
<view class="search-select" :style="{ maxHeight: panelMaxHeight + 'px' }">
|
|
||||||
<view class="search-select__bar">
|
|
||||||
<text class="search-select__title">{{ title }}</text>
|
|
||||||
<text class="search-select__cancel" @click="visible = false">取消</text>
|
|
||||||
</view>
|
|
||||||
<view class="search-select__search">
|
|
||||||
<u-search v-model="keyword" :placeholder="placeholder" :show-action="false" />
|
|
||||||
</view>
|
|
||||||
<scroll-view
|
|
||||||
scroll-y
|
|
||||||
class="search-select__list"
|
|
||||||
:style="{ height: listHeight + 'px' }"
|
|
||||||
:enable-back-to-top="false"
|
|
||||||
>
|
|
||||||
<view v-if="!filteredList.length" class="search-select__empty">暂无匹配数据</view>
|
|
||||||
<view
|
|
||||||
v-for="item in filteredList"
|
|
||||||
:key="String(item.value)"
|
|
||||||
class="search-select__item"
|
|
||||||
:class="{ 'is-selected': multiple && isPicked(item) }"
|
|
||||||
@click="onItemClick(item)"
|
|
||||||
>
|
|
||||||
<text class="search-select__item-label">{{ item.label }}</text>
|
|
||||||
<text v-if="multiple && isPicked(item)" class="search-select__check">已选</text>
|
|
||||||
</view>
|
|
||||||
</scroll-view>
|
|
||||||
<view v-if="multiple" class="search-select__footer">
|
|
||||||
<view class="search-select__ok" @click="confirmMultiple">确定</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</u-popup>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
show: { type: Boolean, default: false },
|
|
||||||
title: { type: String, default: '请选择' },
|
|
||||||
placeholder: { type: String, default: '请输入名称搜索' },
|
|
||||||
list: { type: Array, default: () => [] },
|
|
||||||
multiple: { type: Boolean, default: false },
|
|
||||||
selected: { type: Array, default: () => [] },
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
keyword: '',
|
|
||||||
panelMaxHeight: 520,
|
|
||||||
listHeight: 360,
|
|
||||||
picked: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
visible: {
|
|
||||||
get() { return this.show; },
|
|
||||||
set(val) { this.$emit('update:show', val); },
|
|
||||||
},
|
|
||||||
filteredList() {
|
|
||||||
const keyword = (this.keyword || '').trim().toLowerCase();
|
|
||||||
if (!keyword) return this.list;
|
|
||||||
return this.list.filter((item) => String(item.label || '').toLowerCase().includes(keyword));
|
|
||||||
},
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
show(val) {
|
|
||||||
if (val) {
|
|
||||||
this.keyword = '';
|
|
||||||
this.picked = (this.selected || []).map((item) => String(item));
|
|
||||||
this.calcHeight();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.calcHeight();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
calcHeight() {
|
|
||||||
try {
|
|
||||||
const sys = uni.getSystemInfoSync();
|
|
||||||
const winH = sys.windowHeight || 600;
|
|
||||||
// 弹层约占屏高 65%,列表为弹层去掉标题+搜索后的剩余高度
|
|
||||||
this.panelMaxHeight = Math.floor(winH * 0.65);
|
|
||||||
const chrome = this.multiple ? 230 : 140;
|
|
||||||
this.listHeight = Math.max(220, this.panelMaxHeight - chrome);
|
|
||||||
} catch (e) {
|
|
||||||
this.panelMaxHeight = 520;
|
|
||||||
this.listHeight = this.multiple ? 280 : 360;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isPicked(item) {
|
|
||||||
return this.picked.includes(String(item.value));
|
|
||||||
},
|
|
||||||
onItemClick(item) {
|
|
||||||
if (!this.multiple) {
|
|
||||||
this.confirm(item);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const key = String(item.value);
|
|
||||||
if (this.picked.includes(key)) {
|
|
||||||
this.picked = this.picked.filter((value) => value !== key);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.picked = this.picked.concat(key);
|
|
||||||
},
|
|
||||||
confirm(item) {
|
|
||||||
this.visible = false;
|
|
||||||
this.$emit('confirm', item);
|
|
||||||
},
|
|
||||||
confirmMultiple() {
|
|
||||||
const selected = (this.list || []).filter((item) => this.isPicked(item));
|
|
||||||
this.visible = false;
|
|
||||||
this.$emit('confirm', selected);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
.search-select {
|
|
||||||
background: #fff;
|
|
||||||
padding-bottom: 20rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.search-select__bar {
|
|
||||||
flex-shrink: 0;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 24rpx 30rpx 12rpx;
|
|
||||||
}
|
|
||||||
.search-select__title {
|
|
||||||
font-size: $pda-font-popup-title;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
.search-select__cancel {
|
|
||||||
font-size: $pda-font-popup-sub;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
.search-select__search {
|
|
||||||
flex-shrink: 0;
|
|
||||||
padding: 0 24rpx 12rpx;
|
|
||||||
}
|
|
||||||
.search-select__list {
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.search-select__empty {
|
|
||||||
padding: 80rpx 0;
|
|
||||||
text-align: center;
|
|
||||||
color: #999;
|
|
||||||
font-size: $pda-font-popup-sub;
|
|
||||||
}
|
|
||||||
.search-select__item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 20rpx 30rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $pda-font-popup-item;
|
|
||||||
color: #202328;
|
|
||||||
border-bottom: 1px solid #f2f2f2;
|
|
||||||
}
|
|
||||||
.search-select__item-label {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
font-size: $pda-font-popup-item;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
.search-select__item.is-selected .search-select__item-label {
|
|
||||||
color: #2f78e6;
|
|
||||||
}
|
|
||||||
.search-select__check {
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-left: 16rpx;
|
|
||||||
font-size: $pda-font-action;
|
|
||||||
color: #2f78e6;
|
|
||||||
}
|
|
||||||
.search-select__footer {
|
|
||||||
flex-shrink: 0;
|
|
||||||
padding: 16rpx 30rpx 8rpx;
|
|
||||||
}
|
|
||||||
.search-select__ok {
|
|
||||||
height: $pda-button-height;
|
|
||||||
line-height: $pda-button-height;
|
|
||||||
text-align: center;
|
|
||||||
font-size: $pda-font-button;
|
|
||||||
color: #fff;
|
|
||||||
background: #2979ff;
|
|
||||||
border-radius: 46rpx;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,14 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="warehouse-table-wrap" :class="{ 'is-auto-height': isAutoHeight }">
|
<view class="warehouse-table-wrap">
|
||||||
<wyb-table
|
<scroll-view scroll-x class="tableScrollX">
|
||||||
ref="table"
|
<wyb-table
|
||||||
:headers="headers"
|
ref="table"
|
||||||
:contents="contents"
|
:headers="headers"
|
||||||
:width="tableWidth"
|
:contents="contents"
|
||||||
:height="height"
|
:width="tableWidth"
|
||||||
:first-line-fixed="firstLineFixed"
|
:height="height"
|
||||||
@onCellClick="onCellClick"
|
:first-line-fixed="firstLineFixed"
|
||||||
/>
|
@onCellClick="onCellClick"
|
||||||
|
/>
|
||||||
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -20,14 +22,10 @@ export default {
|
|||||||
props: {
|
props: {
|
||||||
headers: { type: Array, default: () => [] },
|
headers: { type: Array, default: () => [] },
|
||||||
contents: { type: Array, default: () => [] },
|
contents: { type: Array, default: () => [] },
|
||||||
// auto:高度随内容撑开,纵向滚动交给外层 scroll-view,避免与下拉刷新抢手势
|
|
||||||
height: { type: String, default: 'auto' },
|
height: { type: String, default: 'auto' },
|
||||||
firstLineFixed: { type: Boolean, default: false },
|
firstLineFixed: { type: Boolean, default: true },
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
isAutoHeight() {
|
|
||||||
return !this.height || this.height === 'auto';
|
|
||||||
},
|
|
||||||
tableWidth() {
|
tableWidth() {
|
||||||
const total = (this.headers || []).reduce((sum, col) => sum + (col.width || 160), 0);
|
const total = (this.headers || []).reduce((sum, col) => sum + (col.width || 160), 0);
|
||||||
return `${total}rpx`;
|
return `${total}rpx`;
|
||||||
@@ -48,10 +46,7 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
/* 取消表格内部纵向滚动,只保留横向;纵向由页面 scroll-view 处理 */
|
.tableScrollX {
|
||||||
.is-auto-height ::v-deep .wyb-table-scroll-view {
|
width: 100%;
|
||||||
height: auto !important;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: visible;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -0,0 +1,71 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view v-if="canScan" class="flex-white-plr26 ptb20 bdb_f5 fabric-out-scanRow process-in-binRow">
|
||||||
|
<text class="mr26 process-in-binLabel">仓位<text class="redXingh">*</text></text>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
:value="code"
|
||||||
|
class="fabric-out-scanInput"
|
||||||
|
placeholder="请先扫描仓位"
|
||||||
|
@input="$emit('code-input', $event.detail.value)"
|
||||||
|
@confirm="$emit('confirm')"
|
||||||
|
/>
|
||||||
|
<text v-if="name" class="process-in-binName">{{ name }}</text>
|
||||||
|
<u-icon
|
||||||
|
v-if="showPhoneScan"
|
||||||
|
class="fabric-out-phoneScanIcon"
|
||||||
|
name="scan"
|
||||||
|
size="44"
|
||||||
|
color="#2979ff"
|
||||||
|
@click="$emit('phone-scan')"
|
||||||
|
/>
|
||||||
|
<text v-if="binId" class="process-in-binClear" @click="$emit('clear')">更换</text>
|
||||||
|
</view>
|
||||||
|
<view v-else-if="showDisabledTip" class="fabric-out-scanTip">{{ disabledTip }}</view>
|
||||||
|
<view v-if="canScan && !binId" class="fabric-out-scanTip">请先扫描仓位,再扫描布匹二维码</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
canScan: { type: Boolean, default: false },
|
||||||
|
binId: { type: [Number, String], default: 0 },
|
||||||
|
code: { type: String, default: '' },
|
||||||
|
name: { type: String, default: '' },
|
||||||
|
showPhoneScan: { type: Boolean, default: false },
|
||||||
|
showDisabledTip: { type: Boolean, default: true },
|
||||||
|
disabledTip: { type: String, default: '请先提交保存后再扫仓位' },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
|
||||||
|
.process-in-binRow {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.process-in-binLabel {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.fabric-out-phoneScanIcon {
|
||||||
|
margin-left: 16rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.process-in-binName {
|
||||||
|
margin-left: 12rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
max-width: 200rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.process-in-binClear {
|
||||||
|
margin-left: 16rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #2979ff;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,261 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="fabric-out-sectionTitle">{{ title }}</view>
|
||||||
|
<slot name="before-list" />
|
||||||
|
<view class="fabric-out-detailList">
|
||||||
|
<dataNull
|
||||||
|
v-if="!groups.length"
|
||||||
|
src="/src/static/img/chahua/gjNull.png"
|
||||||
|
title="暂无进仓明细"
|
||||||
|
title1="扫码后将在此展示"
|
||||||
|
/>
|
||||||
|
<view
|
||||||
|
v-for="product in groups"
|
||||||
|
:key="product.group_key"
|
||||||
|
class="fabric-out-detailCard process-in-productCard"
|
||||||
|
>
|
||||||
|
<view class="process-in-productHead">
|
||||||
|
<text class="process-in-productTitle">
|
||||||
|
{{ product.product_code || '-' }}<text v-if="product.product_name" class="process-in-subText">{{ ' ' + product.product_name }}</text>
|
||||||
|
</text>
|
||||||
|
<text class="process-in-productSum">
|
||||||
|
匹数 {{ product.in_roll }} / 数量 {{ product.in_weight }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view
|
||||||
|
v-for="color in product.colors"
|
||||||
|
:key="color.group_key"
|
||||||
|
class="process-in-colorBlock"
|
||||||
|
>
|
||||||
|
<view class="process-in-colorHead">
|
||||||
|
<text class="process-in-colorTitle">
|
||||||
|
色号 {{ color.product_color_code || '-' }}<text v-if="color.product_color_name" class="process-in-subText">{{ ' ' + color.product_color_name }}</text>
|
||||||
|
</text>
|
||||||
|
<text class="process-in-colorSum">
|
||||||
|
匹数 {{ color.in_roll }} / 数量 {{ color.in_weight }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-colorMeta">
|
||||||
|
<text>染整单:{{ color.quote_order_no || '-' }}</text>
|
||||||
|
<text>缸号:{{ color.dye_factory_dyelot_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="process-in-fcTitle">细码({{ color.fine_codes.length }})</view>
|
||||||
|
<view v-if="!color.fine_codes.length" class="process-in-fcEmpty">暂无细码</view>
|
||||||
|
<scroll-view v-else scroll-x class="process-in-fcScroll">
|
||||||
|
<view class="process-in-fcTable" :style="{ width: fineTableWidth }">
|
||||||
|
<view class="process-in-fcRow process-in-fcHead">
|
||||||
|
<view
|
||||||
|
v-for="col in fineColumns"
|
||||||
|
:key="col.key"
|
||||||
|
class="process-in-fcCell"
|
||||||
|
:style="cellStyle(col)"
|
||||||
|
>{{ col.label }}</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
v-for="(fc, fcIndex) in color.fine_codes"
|
||||||
|
:key="fc.id || fcIndex"
|
||||||
|
class="process-in-fcRow"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
v-for="col in fineColumns"
|
||||||
|
:key="col.key"
|
||||||
|
class="process-in-fcCell"
|
||||||
|
:class="{ 'process-in-fcAction': col.key === 'action' }"
|
||||||
|
:style="cellStyle(col)"
|
||||||
|
@click="onCellTap(col.key, fc)"
|
||||||
|
>{{ formatFineCell(fc, col.key) }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<view v-if="deletable && color.fine_codes.length" class="process-in-fcTip">
|
||||||
|
勾选上方「删除」后扫码,或点击「删除」列移除细码
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { buildItemGroups } from '@/common/storeGoodsProcessIn';
|
||||||
|
|
||||||
|
const FINE_COLUMNS = [
|
||||||
|
{ label: '卷号', key: 'volume_number', width: 110 },
|
||||||
|
{ label: '外部卷号', key: 'extern_volume_number', width: 140 },
|
||||||
|
{ label: '匹数', key: 'roll', width: 100 },
|
||||||
|
{ label: '数量', key: 'weight', width: 130 },
|
||||||
|
{ label: '仓位', key: 'warehouse_bin_name', width: 140 },
|
||||||
|
{ label: '缸号', key: 'dye_factory_dyelot_number', width: 160 },
|
||||||
|
];
|
||||||
|
|
||||||
|
const TARE_COLUMNS = [
|
||||||
|
{ label: '纸筒重量', key: 'paper_tube_weight', width: 140 },
|
||||||
|
{ label: '包装重量', key: 'package_weight', width: 140 },
|
||||||
|
];
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
list: { type: Array, default: () => [] },
|
||||||
|
title: { type: String, default: '进仓明细' },
|
||||||
|
deletable: { type: Boolean, default: false },
|
||||||
|
/** 加工/采购进仓:细码行展示扫码时提交的纸筒、包装重量 */
|
||||||
|
showTareColumns: { type: Boolean, default: false },
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
groups() {
|
||||||
|
return buildItemGroups(this.list);
|
||||||
|
},
|
||||||
|
fineColumns() {
|
||||||
|
const cols = [...FINE_COLUMNS];
|
||||||
|
if (this.showTareColumns) {
|
||||||
|
const idx = cols.findIndex((col) => col.key === 'weight');
|
||||||
|
cols.splice(idx + 1, 0, ...TARE_COLUMNS);
|
||||||
|
}
|
||||||
|
if (this.deletable) {
|
||||||
|
cols.push({ label: '操作', key: 'action', width: 100 });
|
||||||
|
}
|
||||||
|
return cols;
|
||||||
|
},
|
||||||
|
fineTableWidth() {
|
||||||
|
const total = this.fineColumns.reduce((sum, col) => sum + (col.width || 100), 0);
|
||||||
|
return `${total}rpx`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cellStyle(col) {
|
||||||
|
return {
|
||||||
|
width: `${col.width}rpx`,
|
||||||
|
minWidth: `${col.width}rpx`,
|
||||||
|
maxWidth: `${col.width}rpx`,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
formatFineCell(fc, key) {
|
||||||
|
if (key === 'action') return '删除';
|
||||||
|
const val = fc[key];
|
||||||
|
if (val === 0) return '0';
|
||||||
|
return val != null && val !== '' ? val : '-';
|
||||||
|
},
|
||||||
|
onCellTap(key, fc) {
|
||||||
|
if (!this.deletable || key !== 'action') return;
|
||||||
|
this.$emit('delete', fc);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
|
||||||
|
.process-in-productCard {
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.process-in-productHead {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20rpx;
|
||||||
|
background: #f0f7ff;
|
||||||
|
border-bottom: 1rpx solid #e6f0ff;
|
||||||
|
}
|
||||||
|
.process-in-productTitle {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1a1a1a;
|
||||||
|
flex: 1;
|
||||||
|
padding-right: 16rpx;
|
||||||
|
}
|
||||||
|
.process-in-productSum,
|
||||||
|
.process-in-colorSum {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.process-in-subText {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #666;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
.process-in-colorBlock {
|
||||||
|
padding: 16rpx 20rpx 20rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
.process-in-colorBlock:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.process-in-colorHead {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
.process-in-colorTitle {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
flex: 1;
|
||||||
|
padding-right: 12rpx;
|
||||||
|
}
|
||||||
|
.process-in-colorMeta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 16rpx 24rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #888;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
}
|
||||||
|
.process-in-fcTitle {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #2979ff;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
.process-in-fcEmpty {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #bbb;
|
||||||
|
padding: 8rpx 0;
|
||||||
|
}
|
||||||
|
.process-in-fcScroll {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.process-in-fcTable {
|
||||||
|
border: 1rpx solid #eee;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.process-in-fcRow {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
.process-in-fcRow:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.process-in-fcHead {
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
.process-in-fcCell {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 14rpx 10rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
border-right: 1rpx solid #f0f0f0;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.process-in-fcHead .process-in-fcCell {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.process-in-fcCell:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
.process-in-fcAction {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
.process-in-fcTip {
|
||||||
|
margin-top: 8rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-scanDetail">
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">染整单号:{{ detail.quote_order_no || '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">缸号:{{ detail.dyelot_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">卷号:{{ detail.volume_number || '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">外部卷号:{{ detail.extern_volume_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">成品编号:{{ detail.product_code || '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">成品色号:{{ detail.product_color_code || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">本行数量:{{ detail.item_weight != null ? detail.item_weight : '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">本单匹数:{{ detail.order_roll != null ? detail.order_roll : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow">
|
||||||
|
<text class="fabric-out-scanDetailLabel">本单数量:</text>
|
||||||
|
<text class="fabric-out-scanDetailValue">{{ detail.order_weight != null ? detail.order_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
detail: { type: Object, default: () => ({}) },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,248 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="fabric-out-sectionTitle">{{ title }}</view>
|
||||||
|
<slot name="before-list" />
|
||||||
|
<view class="fabric-out-detailList">
|
||||||
|
<dataNull
|
||||||
|
v-if="!groups.length"
|
||||||
|
src="/src/static/img/chahua/gjNull.png"
|
||||||
|
title="暂无出仓明细"
|
||||||
|
title1="扫码后将在此展示"
|
||||||
|
/>
|
||||||
|
<view
|
||||||
|
v-for="product in groups"
|
||||||
|
:key="product.group_key"
|
||||||
|
class="fabric-out-detailCard process-in-productCard"
|
||||||
|
>
|
||||||
|
<view class="process-in-productHead">
|
||||||
|
<text class="process-in-productTitle">
|
||||||
|
{{ product.product_code || '-' }}<text v-if="product.product_name" class="process-in-subText">{{ ' ' + product.product_name }}</text>
|
||||||
|
</text>
|
||||||
|
<text class="process-in-productSum">
|
||||||
|
匹数 {{ product.out_roll }} / 数量 {{ product.out_weight }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view
|
||||||
|
v-for="color in product.colors"
|
||||||
|
:key="color.group_key"
|
||||||
|
class="process-in-colorBlock"
|
||||||
|
>
|
||||||
|
<view class="process-in-colorHead">
|
||||||
|
<text class="process-in-colorTitle">
|
||||||
|
色号 {{ color.product_color_code || '-' }}<text v-if="color.product_color_name" class="process-in-subText">{{ ' ' + color.product_color_name }}</text>
|
||||||
|
</text>
|
||||||
|
<text class="process-in-colorSum">
|
||||||
|
匹数 {{ color.out_roll }} / 数量 {{ color.out_weight }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-colorMeta">
|
||||||
|
<text>染整单:{{ color.quote_order_no || '-' }}</text>
|
||||||
|
<text>缸号:{{ color.dye_factory_dyelot_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="process-in-fcTitle">细码({{ color.fine_codes.length }})</view>
|
||||||
|
<view v-if="!color.fine_codes.length" class="process-in-fcEmpty">暂无细码</view>
|
||||||
|
<scroll-view v-else scroll-x class="process-in-fcScroll">
|
||||||
|
<view class="process-in-fcTable" :style="{ width: fineTableWidth }">
|
||||||
|
<view class="process-in-fcRow process-in-fcHead">
|
||||||
|
<view
|
||||||
|
v-for="col in fineColumns"
|
||||||
|
:key="col.key"
|
||||||
|
class="process-in-fcCell"
|
||||||
|
:style="cellStyle(col)"
|
||||||
|
>{{ col.label }}</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
v-for="(fc, fcIndex) in color.fine_codes"
|
||||||
|
:key="fc.id || fcIndex"
|
||||||
|
class="process-in-fcRow"
|
||||||
|
>
|
||||||
|
<view
|
||||||
|
v-for="col in fineColumns"
|
||||||
|
:key="col.key"
|
||||||
|
class="process-in-fcCell"
|
||||||
|
:class="{ 'process-in-fcAction': col.key === 'action' }"
|
||||||
|
:style="cellStyle(col)"
|
||||||
|
@click="onCellTap(col.key, fc)"
|
||||||
|
>{{ formatFineCell(fc, col.key) }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<view v-if="deletable && color.fine_codes.length" class="process-in-fcTip">
|
||||||
|
勾选上方「删除」后扫码,或点击「删除」列移除细码
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { buildItemGroups } from '@/common/storeGoodsProcessOut';
|
||||||
|
|
||||||
|
const FINE_COLUMNS = [
|
||||||
|
{ label: '卷号', key: 'volume_number', width: 110 },
|
||||||
|
{ label: '外部卷号', key: 'extern_volume_number', width: 140 },
|
||||||
|
{ label: '匹数', key: 'roll', width: 100 },
|
||||||
|
{ label: '数量', key: 'weight', width: 130 },
|
||||||
|
{ label: '条码', key: 'bar_code', width: 260 },
|
||||||
|
{ label: '仓位', key: 'warehouse_bin_name', width: 140 },
|
||||||
|
{ label: '缸号', key: 'dye_factory_dyelot_number', width: 160 },
|
||||||
|
];
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
list: { type: Array, default: () => [] },
|
||||||
|
title: { type: String, default: '出仓明细' },
|
||||||
|
deletable: { type: Boolean, default: false },
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
groups() {
|
||||||
|
return buildItemGroups(this.list);
|
||||||
|
},
|
||||||
|
fineColumns() {
|
||||||
|
if (!this.deletable) return FINE_COLUMNS;
|
||||||
|
return [...FINE_COLUMNS, { label: '操作', key: 'action', width: 100 }];
|
||||||
|
},
|
||||||
|
fineTableWidth() {
|
||||||
|
const total = this.fineColumns.reduce((sum, col) => sum + (col.width || 100), 0);
|
||||||
|
return `${total}rpx`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cellStyle(col) {
|
||||||
|
return {
|
||||||
|
width: `${col.width}rpx`,
|
||||||
|
minWidth: `${col.width}rpx`,
|
||||||
|
maxWidth: `${col.width}rpx`,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
formatFineCell(fc, key) {
|
||||||
|
if (key === 'action') return '删除';
|
||||||
|
const val = fc[key];
|
||||||
|
if (val === 0) return '0';
|
||||||
|
return val != null && val !== '' ? val : '-';
|
||||||
|
},
|
||||||
|
onCellTap(key, fc) {
|
||||||
|
if (!this.deletable || key !== 'action') return;
|
||||||
|
this.$emit('delete', fc);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
|
||||||
|
.process-in-productCard {
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.process-in-productHead {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20rpx;
|
||||||
|
background: #f0f7ff;
|
||||||
|
border-bottom: 1rpx solid #e6f0ff;
|
||||||
|
}
|
||||||
|
.process-in-productTitle {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1a1a1a;
|
||||||
|
flex: 1;
|
||||||
|
padding-right: 16rpx;
|
||||||
|
}
|
||||||
|
.process-in-productSum,
|
||||||
|
.process-in-colorSum {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.process-in-subText {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #666;
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
.process-in-colorBlock {
|
||||||
|
padding: 16rpx 20rpx 20rpx;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
.process-in-colorBlock:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.process-in-colorHead {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
.process-in-colorTitle {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
flex: 1;
|
||||||
|
padding-right: 12rpx;
|
||||||
|
}
|
||||||
|
.process-in-colorMeta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 16rpx 24rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #888;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
}
|
||||||
|
.process-in-fcTitle {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #2979ff;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
.process-in-fcEmpty {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #bbb;
|
||||||
|
padding: 8rpx 0;
|
||||||
|
}
|
||||||
|
.process-in-fcScroll {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.process-in-fcTable {
|
||||||
|
border: 1rpx solid #eee;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.process-in-fcRow {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
.process-in-fcRow:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.process-in-fcHead {
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
.process-in-fcCell {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 14rpx 10rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
border-right: 1rpx solid #f0f0f0;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.process-in-fcHead .process-in-fcCell {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.process-in-fcCell:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
.process-in-fcAction {
|
||||||
|
color: #f5222d;
|
||||||
|
}
|
||||||
|
.process-in-fcTip {
|
||||||
|
margin-top: 8rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,36 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-scanDetail">
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">染整单号:{{ detail.quote_order_no || '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">缸号:{{ detail.dyelot_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">卷号:{{ detail.volume_number || '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">外部卷号:{{ detail.extern_volume_number || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">成品编号:{{ detail.product_code || '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">成品色号:{{ detail.product_color_code || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">本行匹数:{{ detail.item_roll != null ? detail.item_roll : '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">本行数量:{{ detail.item_weight != null ? detail.item_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="fabric-out-scanDetailRow fabric-out-scanDetailRow--2col">
|
||||||
|
<text class="fabric-out-scanDetailCell">本单匹数:{{ detail.order_roll != null ? detail.order_roll : '-' }}</text>
|
||||||
|
<text class="fabric-out-scanDetailCell">本单数量:{{ detail.order_weight != null ? detail.order_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
detail: { type: Object, default: () => ({}) },
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
</style>
|
||||||
@@ -1,86 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="t-table" :style="{ 'border-width': border + 'px', 'border-color': borderColor }">
|
|
||||||
<slot />
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
border: {
|
|
||||||
type: String,
|
|
||||||
default: '1'
|
|
||||||
},
|
|
||||||
borderColor: {
|
|
||||||
type: String,
|
|
||||||
default: '#d0dee5'
|
|
||||||
},
|
|
||||||
isCheck: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
provide() {
|
|
||||||
return {
|
|
||||||
table: this
|
|
||||||
};
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.childrens = [];
|
|
||||||
this.index = 0;
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
fire(e, index, len) {
|
|
||||||
let childrens = this.childrens;
|
|
||||||
console.log(childrens);
|
|
||||||
// 全选
|
|
||||||
if (index === 0) {
|
|
||||||
childrens.map((vm, index) => {
|
|
||||||
vm.checkboxData.checked = e;
|
|
||||||
return vm;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
let isAll = childrens.find((n, ids) => ids !== 0 && !n.checkboxData.checked);
|
|
||||||
childrens[0].checkboxData.checked = isAll ? false : true;
|
|
||||||
}
|
|
||||||
|
|
||||||
let fireArr = [];
|
|
||||||
for (let i = 0; i < childrens.length; i++) {
|
|
||||||
if (childrens[i].checkboxData.checked && i !== 0) {
|
|
||||||
fireArr.push(childrens[i].checkboxData.value - 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.$emit('change', {
|
|
||||||
detail: fireArr
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.t-table {
|
|
||||||
width: 100%;
|
|
||||||
border: 1px #d0dee5 solid;
|
|
||||||
border-left: none;
|
|
||||||
border-top: none;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.t-table>>>t-tr {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.t-table>>>t-tr:nth-child(2n) {
|
|
||||||
background: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #ifdef H5 */
|
|
||||||
.t-table>>>.t-tr:nth-child(2n) {
|
|
||||||
background: #f5f5f5;
|
|
||||||
}
|
|
||||||
/* #endif */
|
|
||||||
</style>
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="t-td" :style="{ 'border-width': thBorder + 'px','border-color':borderColor ,'font-size':fontSize+'px' ,'color':color,'justify-content':tdAlignCpd}">
|
|
||||||
<slot></slot>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
align: String
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
thBorder: '1',
|
|
||||||
borderColor: '#d0dee5',
|
|
||||||
fontSize: '14',
|
|
||||||
color: '#555c60',
|
|
||||||
tdAlign: 'center'
|
|
||||||
};
|
|
||||||
},
|
|
||||||
inject: ['table', 'tr'],
|
|
||||||
|
|
||||||
created() {
|
|
||||||
this.thBorder = this.table.border;
|
|
||||||
this.borderColor = this.table.borderColor;
|
|
||||||
this.fontSize = this.tr.fontSize;
|
|
||||||
this.color = this.tr.color;
|
|
||||||
if (this.align) {
|
|
||||||
this.tdAlign = this.align;
|
|
||||||
} else {
|
|
||||||
this.tdAlign = this.tr.align
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
tdAlignCpd() {
|
|
||||||
let nameAlign = '';
|
|
||||||
switch (this.tdAlign) {
|
|
||||||
case 'left':
|
|
||||||
nameAlign = 'flex-start'
|
|
||||||
break;
|
|
||||||
case 'center':
|
|
||||||
nameAlign = 'center'
|
|
||||||
break;
|
|
||||||
case 'right':
|
|
||||||
nameAlign = 'flex-end'
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
nameAlign = 'center'
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return nameAlign
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.t-td {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
|
||||||
padding: 14upx;
|
|
||||||
border-top: 1px #d0dee5 solid;
|
|
||||||
border-left: 1px #d0dee5 solid;
|
|
||||||
text-align: center;
|
|
||||||
color: #555c60;
|
|
||||||
font-size: 28upx;
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="t-th" :style="{ 'border-width': thBorder + 'px' ,'border-color':borderColor,'font-size':fontSize+'px' ,'color':color,'justify-content':thAlignCpd}">
|
|
||||||
<slot></slot>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
align: String,
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
thBorder: '1',
|
|
||||||
borderColor: '#d0dee5',
|
|
||||||
fontSize: '15',
|
|
||||||
color: '#3b4246',
|
|
||||||
thAlign: 'center'
|
|
||||||
};
|
|
||||||
},
|
|
||||||
inject: ['table', 'tr'],
|
|
||||||
|
|
||||||
created() {
|
|
||||||
this.thBorder = this.table.border;
|
|
||||||
this.borderColor = this.table.borderColor;
|
|
||||||
this.fontSize = this.tr.fontSize;
|
|
||||||
this.color = this.tr.color;
|
|
||||||
if (this.align) {
|
|
||||||
this.thAlign = this.align;
|
|
||||||
} else {
|
|
||||||
this.thAlign = this.tr.align
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
thAlignCpd() {
|
|
||||||
let nameAlign = '';
|
|
||||||
switch (this.thAlign) {
|
|
||||||
case 'left':
|
|
||||||
nameAlign = 'flex-start'
|
|
||||||
break;
|
|
||||||
case 'center':
|
|
||||||
nameAlign = 'center'
|
|
||||||
break;
|
|
||||||
case 'right':
|
|
||||||
nameAlign = 'flex-end'
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
nameAlign = 'center'
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
return nameAlign
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.t-th {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 30upx;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
color: #3b4246;
|
|
||||||
border-left: 1px #d0dee5 solid;
|
|
||||||
border-top: 1px #d0dee5 solid;
|
|
||||||
padding: 15upx;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="t-tr">
|
|
||||||
<view v-if="isCheck" class="t-check-box" :style="{ 'border-width': thBorder + 'px' ,'border-color':borderColor}">
|
|
||||||
<checkbox-group @change="checkboxChange">
|
|
||||||
<checkbox :value="checkboxData.value + ''" :checked="checkboxData.checked" />
|
|
||||||
</checkbox-group>
|
|
||||||
</view>
|
|
||||||
<slot></slot>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
fontSize: String,
|
|
||||||
color: String,
|
|
||||||
align: String
|
|
||||||
},
|
|
||||||
inject: ['table'],
|
|
||||||
provide() {
|
|
||||||
return {
|
|
||||||
tr: this
|
|
||||||
};
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
isCheck: false,
|
|
||||||
checkboxData: {
|
|
||||||
value: 0,
|
|
||||||
checked: false
|
|
||||||
},
|
|
||||||
checked: false,
|
|
||||||
thBorder: '1',
|
|
||||||
borderColor: '#d0dee5'
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.thBorder = this.table.border;
|
|
||||||
this.borderColor = this.table.borderColor;
|
|
||||||
this.table.childrens.push(this);
|
|
||||||
this.checkboxData.value = this.table.index++;
|
|
||||||
this.isCheck = this.table.isCheck;
|
|
||||||
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
checkboxChange(e) {
|
|
||||||
this.checkboxData.checked = !this.checkboxData.checked;
|
|
||||||
this.table.childrens[this.checkboxData.value] = this;
|
|
||||||
this.table.fire(e.detail.value[0] ? true : false, this.checkboxData.value, this.table.index);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.t-tr {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.t-tr t-th,
|
|
||||||
.t-tr t-td {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.t-tr .t-check-box {
|
|
||||||
flex-shrink: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 80upx;
|
|
||||||
color: #3b4246;
|
|
||||||
border-left: 1px #d0dee5 solid;
|
|
||||||
border-top: 1px #d0dee5 solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.t-tr .t-check-box checkbox {
|
|
||||||
transform: scale(0.8);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -0,0 +1,247 @@
|
|||||||
|
<template>
|
||||||
|
<u-popup mode="bottom" :border-radius="borderRadius" :popup="false" v-model="value" :maskCloseAble="maskCloseAble"
|
||||||
|
length="auto" :safeAreaInsetBottom="safeAreaInsetBottom" @close="popupClose" :z-index="uZIndex">
|
||||||
|
<view class="u-tips u-border-bottom" v-if="tips.text" :style="[tipsStyle]">
|
||||||
|
{{tips.text}}
|
||||||
|
</view>
|
||||||
|
<view class="u-action-sheet-search" v-if="showSearch" @tap.stop>
|
||||||
|
<u-icon name="search" size="32" color="#909399"></u-icon>
|
||||||
|
<input
|
||||||
|
class="u-action-sheet-search__input"
|
||||||
|
:value="keyword"
|
||||||
|
:placeholder="searchPlaceholder"
|
||||||
|
confirm-type="search"
|
||||||
|
:adjust-position="true"
|
||||||
|
@input="onSearchInput"
|
||||||
|
/>
|
||||||
|
<u-icon
|
||||||
|
v-if="keyword"
|
||||||
|
name="close-circle-fill"
|
||||||
|
size="28"
|
||||||
|
color="#c0c4cc"
|
||||||
|
@tap.stop="clearSearch"
|
||||||
|
></u-icon>
|
||||||
|
</view>
|
||||||
|
<scroll-view scroll-y class="u-action-sheet-scroll">
|
||||||
|
<view
|
||||||
|
v-for="(item, index) in displayList"
|
||||||
|
:key="item._originIndex"
|
||||||
|
@touchmove.stop.prevent
|
||||||
|
@tap="itemClick(item._originIndex)"
|
||||||
|
:style="[itemStyle(item._originIndex)]"
|
||||||
|
class="u-action-sheet-item u-line-1"
|
||||||
|
:class="[index < displayList.length - 1 ? 'u-border-bottom' : '']"
|
||||||
|
:hover-stay-time="150"
|
||||||
|
>
|
||||||
|
<text>{{item.text}}</text>
|
||||||
|
<text class="u-action-sheet-item__subtext u-line-1" v-if="item.subText">{{item.subText}}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="!displayList.length" class="u-action-sheet-empty">无匹配选项</view>
|
||||||
|
</scroll-view>
|
||||||
|
<view class="u-gab" v-if="cancelBtn">
|
||||||
|
</view>
|
||||||
|
<view @touchmove.stop.prevent class="u-actionsheet-cancel u-action-sheet-item" hover-class="u-hover-class"
|
||||||
|
:hover-stay-time="150" v-if="cancelBtn" @tap="close">{{cancelText}}</view>
|
||||||
|
</u-popup>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**
|
||||||
|
* actionSheet 操作菜单(本地覆盖:选项支持搜索)
|
||||||
|
* @description 本组件用于从底部弹出一个操作菜单,供用户选择并返回结果。
|
||||||
|
* @tutorial https://www.uviewui.com/components/actionSheet.html
|
||||||
|
* @property {Array<Object>} list 按钮的文字数组,见官方文档示例
|
||||||
|
* @property {Boolean} show-search 是否显示搜索框(默认true)
|
||||||
|
* @property {String} search-placeholder 搜索框占位文字
|
||||||
|
* @event {Function} click 点击ActionSheet列表项时触发,返回原始列表下标
|
||||||
|
* @example <u-action-sheet :list="list" @click="click" v-model="show"></u-action-sheet>
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: "u-action-sheet",
|
||||||
|
props: {
|
||||||
|
maskCloseAble: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
list: {
|
||||||
|
type: Array,
|
||||||
|
default () {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
tips: {
|
||||||
|
type: Object,
|
||||||
|
default () {
|
||||||
|
return {
|
||||||
|
text: '',
|
||||||
|
color: '',
|
||||||
|
fontSize: '26'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancelBtn: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
safeAreaInsetBottom: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
borderRadius: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
zIndex: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
cancelText: {
|
||||||
|
type: String,
|
||||||
|
default: '取消'
|
||||||
|
},
|
||||||
|
showSearch: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
searchPlaceholder: {
|
||||||
|
type: String,
|
||||||
|
default: '搜索'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
keyword: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
value(val) {
|
||||||
|
if (val) this.keyword = '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
tipsStyle() {
|
||||||
|
let style = {};
|
||||||
|
if (this.tips.color) style.color = this.tips.color;
|
||||||
|
if (this.tips.fontSize) style.fontSize = this.tips.fontSize + 'rpx';
|
||||||
|
return style;
|
||||||
|
},
|
||||||
|
itemStyle() {
|
||||||
|
return (index) => {
|
||||||
|
let style = {};
|
||||||
|
const item = this.list[index];
|
||||||
|
if (!item) return style;
|
||||||
|
if (item.color) style.color = item.color;
|
||||||
|
if (item.fontSize) style.fontSize = item.fontSize + 'rpx';
|
||||||
|
if (item.disabled) style.color = '#c0c4cc';
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uZIndex() {
|
||||||
|
return this.zIndex ? this.zIndex : this.$u.zIndex.popup;
|
||||||
|
},
|
||||||
|
displayList() {
|
||||||
|
const keyword = (this.keyword || '').trim().toLowerCase();
|
||||||
|
return (this.list || []).reduce((arr, item, index) => {
|
||||||
|
const text = String((item && item.text) || '');
|
||||||
|
const subText = String((item && item.subText) || '');
|
||||||
|
if (!keyword || text.toLowerCase().indexOf(keyword) !== -1 || subText.toLowerCase().indexOf(keyword) !== -1) {
|
||||||
|
arr.push(Object.assign({}, item, { _originIndex: index }));
|
||||||
|
}
|
||||||
|
return arr;
|
||||||
|
}, []);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSearchInput(e) {
|
||||||
|
this.keyword = e && e.detail && e.detail.value != null ? e.detail.value : '';
|
||||||
|
},
|
||||||
|
clearSearch() {
|
||||||
|
this.keyword = '';
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.popupClose();
|
||||||
|
this.$emit('close');
|
||||||
|
},
|
||||||
|
popupClose() {
|
||||||
|
this.keyword = '';
|
||||||
|
this.$emit('input', false);
|
||||||
|
},
|
||||||
|
itemClick(index) {
|
||||||
|
if(this.list[index] && this.list[index].disabled) return;
|
||||||
|
this.$emit('click', index);
|
||||||
|
this.$emit('input', false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import "~uview-ui/libs/css/style.components.scss";
|
||||||
|
|
||||||
|
.u-tips {
|
||||||
|
font-size: 26rpx;
|
||||||
|
text-align: center;
|
||||||
|
padding: 34rpx 0;
|
||||||
|
line-height: 1;
|
||||||
|
color: $u-tips-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-action-sheet-search {
|
||||||
|
@include vue-flex;
|
||||||
|
align-items: center;
|
||||||
|
margin: 16rpx 24rpx;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
&__input {
|
||||||
|
flex: 1;
|
||||||
|
height: 80rpx;
|
||||||
|
margin-left: 12rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-action-sheet-scroll {
|
||||||
|
max-height: 600rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-action-sheet-empty {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60rpx 0;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-action-sheet-item {
|
||||||
|
@include vue-flex;
|
||||||
|
line-height: 1;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 32rpx;
|
||||||
|
padding: 34rpx 0;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-action-sheet-item__subtext {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: $u-tips-color;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-gab {
|
||||||
|
height: 12rpx;
|
||||||
|
background-color: rgb(234, 234, 236);
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-actionsheet-cancel {
|
||||||
|
color: $u-main-color;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,186 @@
|
|||||||
|
<template>
|
||||||
|
<view class="u-dropdown-item" v-if="active" @touchmove.stop.prevent="() => {}" @tap.stop.prevent="() => {}">
|
||||||
|
<block v-if="!$slots.default && !$slots.$default">
|
||||||
|
<view class="u-dropdown-item__search" v-if="showSearch" @tap.stop>
|
||||||
|
<u-icon name="search" size="28" color="#909399"></u-icon>
|
||||||
|
<input
|
||||||
|
class="u-dropdown-item__search__input"
|
||||||
|
:value="keyword"
|
||||||
|
:placeholder="searchPlaceholder"
|
||||||
|
confirm-type="search"
|
||||||
|
:adjust-position="true"
|
||||||
|
@input="onSearchInput"
|
||||||
|
/>
|
||||||
|
<u-icon
|
||||||
|
v-if="keyword"
|
||||||
|
name="close-circle-fill"
|
||||||
|
size="28"
|
||||||
|
color="#c0c4cc"
|
||||||
|
@tap.stop="clearSearch"
|
||||||
|
></u-icon>
|
||||||
|
</view>
|
||||||
|
<scroll-view scroll-y="true" :style="{
|
||||||
|
height: $u.addUnit(height)
|
||||||
|
}">
|
||||||
|
<view class="u-dropdown-item__options">
|
||||||
|
<u-cell-group>
|
||||||
|
<u-cell-item @click="cellClick(item.value)" :arrow="false" :title="item.label" v-for="(item, index) in filteredOptions"
|
||||||
|
:key="index" :title-style="{
|
||||||
|
color: value == item.value ? activeColor : inactiveColor
|
||||||
|
}">
|
||||||
|
<u-icon v-if="value == item.value" name="checkbox-mark" :color="activeColor" size="32"></u-icon>
|
||||||
|
</u-cell-item>
|
||||||
|
</u-cell-group>
|
||||||
|
<view v-if="!filteredOptions.length" class="u-dropdown-item__empty">无匹配选项</view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</block>
|
||||||
|
<slot v-else />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**
|
||||||
|
* dropdown-item 下拉菜单(本地覆盖:选项支持搜索)
|
||||||
|
* @description 该组件一般用于向下展开菜单,同时可切换多个选项卡的场景
|
||||||
|
* @tutorial http://uviewui.com/components/dropdown.html
|
||||||
|
* @property {String | Number} v-model 双向绑定选项卡选择值
|
||||||
|
* @property {String} title 菜单项标题
|
||||||
|
* @property {Array[Object]} options 选项数据,如果传入了默认slot,此参数无效
|
||||||
|
* @property {Boolean} show-search 是否显示搜索框(默认true)
|
||||||
|
* @property {String} search-placeholder 搜索框占位文字
|
||||||
|
* @example <u-dropdown-item title="标题"></u-dropdown-item>
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
name: 'u-dropdown-item',
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
type: [Number, String, Array],
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
type: Array,
|
||||||
|
default () {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
height: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 'auto'
|
||||||
|
},
|
||||||
|
showSearch: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
searchPlaceholder: {
|
||||||
|
type: String,
|
||||||
|
default: '搜索'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
active: false,
|
||||||
|
activeColor: '#2979ff',
|
||||||
|
inactiveColor: '#606266',
|
||||||
|
keyword: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
propsChange() {
|
||||||
|
return `${this.title}-${this.disabled}`;
|
||||||
|
},
|
||||||
|
filteredOptions() {
|
||||||
|
const keyword = (this.keyword || '').trim().toLowerCase();
|
||||||
|
const list = this.options || [];
|
||||||
|
if (!keyword) return list;
|
||||||
|
return list.filter(item => {
|
||||||
|
const label = String(item && item.label != null ? item.label : '');
|
||||||
|
const value = String(item && item.value != null ? item.value : '');
|
||||||
|
return label.toLowerCase().indexOf(keyword) !== -1 || value.toLowerCase().indexOf(keyword) !== -1;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
propsChange() {
|
||||||
|
if (this.parent) this.parent.init();
|
||||||
|
},
|
||||||
|
active(val) {
|
||||||
|
if (!val) this.keyword = '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.parent = false;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSearchInput(e) {
|
||||||
|
this.keyword = e && e.detail && e.detail.value != null ? e.detail.value : '';
|
||||||
|
},
|
||||||
|
clearSearch() {
|
||||||
|
this.keyword = '';
|
||||||
|
},
|
||||||
|
init() {
|
||||||
|
let parent = this.$u.$parent.call(this, 'u-dropdown');
|
||||||
|
if (parent) {
|
||||||
|
this.parent = parent;
|
||||||
|
this.activeColor = parent.activeColor;
|
||||||
|
this.inactiveColor = parent.inactiveColor;
|
||||||
|
let exist = parent.children.find(val => {
|
||||||
|
return this === val;
|
||||||
|
})
|
||||||
|
if (!exist) parent.children.push(this);
|
||||||
|
if (parent.children.length == 1) this.active = true;
|
||||||
|
parent.menuList.push({
|
||||||
|
title: this.title,
|
||||||
|
disabled: this.disabled
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cellClick(value) {
|
||||||
|
this.$emit('input', value);
|
||||||
|
this.parent.close();
|
||||||
|
this.$emit('change', value);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import "~uview-ui/libs/css/style.components.scss";
|
||||||
|
|
||||||
|
.u-dropdown-item__search {
|
||||||
|
@include vue-flex;
|
||||||
|
align-items: center;
|
||||||
|
margin: 16rpx 24rpx 0;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
height: 72rpx;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
&__input {
|
||||||
|
flex: 1;
|
||||||
|
height: 72rpx;
|
||||||
|
margin-left: 12rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-dropdown-item__empty {
|
||||||
|
text-align: center;
|
||||||
|
padding: 40rpx 0;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -46,27 +46,20 @@
|
|||||||
></u-icon>
|
></u-icon>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="loading" class="u-select__loading">搜索中...</view>
|
<view v-if="loading" class="u-select__loading">搜索中...</view>
|
||||||
<view class="u-select__body" :style="hasCustomItemHeight ? bodyStyle : null">
|
<view class="u-select__body">
|
||||||
<view v-if="isColumnEmpty && !loading" class="u-select__empty">无匹配选项</view>
|
<view v-if="isColumnEmpty && !loading" class="u-select__empty">无匹配选项</view>
|
||||||
<picker-view
|
<picker-view
|
||||||
v-else-if="value && !isColumnEmpty"
|
v-else-if="value && !isColumnEmpty"
|
||||||
:key="pickerKey"
|
:key="pickerKey"
|
||||||
@change="columnChange"
|
@change="columnChange"
|
||||||
class="u-select__body__picker-view"
|
class="u-select__body__picker-view"
|
||||||
:style="pickerViewStyle"
|
|
||||||
:indicator-style="indicatorStyle"
|
|
||||||
:value="defaultSelector"
|
:value="defaultSelector"
|
||||||
@pickstart="pickstart"
|
@pickstart="pickstart"
|
||||||
@pickend="pickend"
|
@pickend="pickend"
|
||||||
>
|
>
|
||||||
<picker-view-column v-for="(item, index) in columnData" :key="'col-' + pickerKey + '-' + index">
|
<picker-view-column v-for="(item, index) in columnData" :key="'col-' + pickerKey + '-' + index">
|
||||||
<view
|
<view class="u-select__body__picker-view__item" v-for="(item1, index1) in item" :key="item1[valueName] != null ? item1[valueName] : index1">
|
||||||
class="u-select__body__picker-view__item"
|
<view class="u-line-1">{{ item1[labelName] }}</view>
|
||||||
:style="hasCustomItemHeight ? itemStyle : null"
|
|
||||||
v-for="(item1, index1) in item"
|
|
||||||
:key="item1[valueName] != null ? item1[valueName] : index1"
|
|
||||||
>
|
|
||||||
<view class="u-line-1" :style="hasCustomItemHeight ? itemStyle : null">{{ item1[labelName] }}</view>
|
|
||||||
</view>
|
</view>
|
||||||
</picker-view-column>
|
</picker-view-column>
|
||||||
</picker-view>
|
</picker-view>
|
||||||
@@ -179,16 +172,6 @@ export default {
|
|||||||
debounce: {
|
debounce: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 400
|
default: 400
|
||||||
},
|
|
||||||
/** 选项行高(rpx)。App 端需与 indicator 同步,避免选中框错位 */
|
|
||||||
itemHeight: {
|
|
||||||
type: [Number, String],
|
|
||||||
default: 0
|
|
||||||
},
|
|
||||||
/** 可见行数,用于计算滚轮高度;需为奇数,选中行才能居中 */
|
|
||||||
visibleItemCount: {
|
|
||||||
type: [Number, String],
|
|
||||||
default: 5
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -242,37 +225,7 @@ export default {
|
|||||||
},
|
},
|
||||||
isColumnEmpty() {
|
isColumnEmpty() {
|
||||||
return !this.columnData || !this.columnData.length || !this.columnData[0] || !this.columnData[0].length;
|
return !this.columnData || !this.columnData.length || !this.columnData[0] || !this.columnData[0].length;
|
||||||
},
|
}
|
||||||
hasCustomItemHeight() {
|
|
||||||
return Number(this.itemHeight) > 0;
|
|
||||||
},
|
|
||||||
itemHeightRpx() {
|
|
||||||
return Number(this.itemHeight) || 70;
|
|
||||||
},
|
|
||||||
itemHeightPx() {
|
|
||||||
return uni.upx2px(this.itemHeightRpx);
|
|
||||||
},
|
|
||||||
visibleCount() {
|
|
||||||
const n = Number(this.visibleItemCount) || 5;
|
|
||||||
return n % 2 === 0 ? n + 1 : n;
|
|
||||||
},
|
|
||||||
indicatorStyle() {
|
|
||||||
if (!this.hasCustomItemHeight) return '';
|
|
||||||
return `height: ${this.itemHeightPx}px;`;
|
|
||||||
},
|
|
||||||
itemStyle() {
|
|
||||||
return {
|
|
||||||
height: `${this.itemHeightPx}px`,
|
|
||||||
lineHeight: `${this.itemHeightPx}px`,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
pickerViewStyle() {
|
|
||||||
if (!this.hasCustomItemHeight) return null;
|
|
||||||
return { height: `${this.itemHeightPx * this.visibleCount}px` };
|
|
||||||
},
|
|
||||||
bodyStyle() {
|
|
||||||
return this.pickerViewStyle;
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
pickstart() {
|
pickstart() {
|
||||||
@@ -355,11 +308,7 @@ export default {
|
|||||||
this.setSelectValue();
|
this.setSelectValue();
|
||||||
},
|
},
|
||||||
setDefaultSelector() {
|
setDefaultSelector() {
|
||||||
const columnNum = this.columnNum || 1;
|
this.defaultSelector = Array(this.columnNum || 1).fill(0);
|
||||||
const defaultValue = Array.isArray(this.defaultValue) ? this.defaultValue.slice() : [];
|
|
||||||
this.defaultSelector = defaultValue.length === columnNum
|
|
||||||
? defaultValue
|
|
||||||
: Array(columnNum).fill(0);
|
|
||||||
this.lastSelectIndex = this.defaultSelector.slice();
|
this.lastSelectIndex = this.defaultSelector.slice();
|
||||||
},
|
},
|
||||||
setColumnNum() {
|
setColumnNum() {
|
||||||
|
|||||||
@@ -73,7 +73,7 @@
|
|||||||
borderRight: index === headers.length - 1 || (!showVertBorder && index !== 0) ? 'none' : '1px solid' + borderColor,
|
borderRight: index === headers.length - 1 || (!showVertBorder && index !== 0) ? 'none' : '1px solid' + borderColor,
|
||||||
zIndex: index === 0 ? 20 : 0,
|
zIndex: index === 0 ? 20 : 0,
|
||||||
left: index === 0 && firstLineFixed ? (enableCheck ? checkColWidth + 'rpx' : 0) : 'auto',
|
left: index === 0 && firstLineFixed ? (enableCheck ? checkColWidth + 'rpx' : 0) : 'auto',
|
||||||
position: index === 0 && firstLineFixed ? 'sticky' : 'static'}">
|
position: index === 0 ? 'sticky' : 'static'}">
|
||||||
<text :style="{marginLeft: autoSortShow(index) && textAlign !== 'left' ? fontSize[0] * 0.65 + 'rpx' : 0}">
|
<text :style="{marginLeft: autoSortShow(index) && textAlign !== 'left' ? fontSize[0] * 0.65 + 'rpx' : 0}">
|
||||||
{{item.label || emptyString}}
|
{{item.label || emptyString}}
|
||||||
</text>
|
</text>
|
||||||
@@ -534,7 +534,7 @@
|
|||||||
fontSize: {
|
fontSize: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default() {
|
default() {
|
||||||
return [20]
|
return [28]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
defaultColWidth: {
|
defaultColWidth: {
|
||||||
@@ -548,7 +548,7 @@
|
|||||||
minHeight: {
|
minHeight: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default() {
|
default() {
|
||||||
return [70]
|
return [84]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
headerBgColor: {
|
headerBgColor: {
|
||||||
|
|||||||
-19
@@ -17,25 +17,6 @@ import VueI18n from '@/common/vue-i18n.min.js';
|
|||||||
import lang_zh_CN from '@/common/locales/zh_CN.js';
|
import lang_zh_CN from '@/common/locales/zh_CN.js';
|
||||||
import lang_en from '@/common/locales/en.js';
|
import lang_en from '@/common/locales/en.js';
|
||||||
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
// Android 5.x 等老 PDA 不信任 Let's Encrypt 新证书链,全局关闭 HTTPS 证书校验
|
|
||||||
(() => {
|
|
||||||
const patchSslVerify = (methodName) => {
|
|
||||||
const original = uni[methodName];
|
|
||||||
if (typeof original !== 'function') {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
uni[methodName] = (options = {}) => original({
|
|
||||||
...options,
|
|
||||||
sslVerify: false
|
|
||||||
});
|
|
||||||
};
|
|
||||||
patchSslVerify('request');
|
|
||||||
patchSslVerify('downloadFile');
|
|
||||||
patchSslVerify('uploadFile');
|
|
||||||
})();
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
Vue.config.productionTip = false;
|
Vue.config.productionTip = false;
|
||||||
|
|
||||||
App.mpType = 'app';
|
App.mpType = 'app';
|
||||||
|
|||||||
+4
-4
@@ -1,9 +1,9 @@
|
|||||||
{
|
{
|
||||||
"name" : "浩拓织厂",
|
"name" : "浩拓ERP",
|
||||||
"appid" : "__UNI__F79F300",
|
"appid" : "__UNI__F79F300",
|
||||||
"description" : "周尚-浩拓织厂",
|
"description" : "浩拓ERP",
|
||||||
"versionName" : "1.1.26",
|
"versionName" : "1.1.5",
|
||||||
"versionCode" : 126,
|
"versionCode" : 105,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
"optimization" : {
|
"optimization" : {
|
||||||
|
|||||||
+133
-8
@@ -1,6 +1,8 @@
|
|||||||
{
|
{
|
||||||
"easycom": {
|
"easycom": {
|
||||||
"^u-select$": "@/components/u-select/u-select.vue",
|
"^u-select$": "@/components/u-select/u-select.vue",
|
||||||
|
"^u-action-sheet$": "@/components/u-action-sheet/u-action-sheet.vue",
|
||||||
|
"^u-dropdown-item$": "@/components/u-dropdown-item/u-dropdown-item.vue",
|
||||||
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
|
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
|
||||||
},
|
},
|
||||||
"pages": [
|
"pages": [
|
||||||
@@ -422,6 +424,118 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessInList",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "加工进仓列表",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessInAdd",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "新增加工进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessInEdit",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "编辑加工进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessInView",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "查看加工进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsPurchaseInList",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "成品采购进仓",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsPurchaseInAdd",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "新增采购进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsPurchaseInEdit",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "编辑采购进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsPurchaseInView",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "采购进仓单详情",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessReturnInList",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "加工退货进仓列表",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessReturnInAdd",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "新增加工退货进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessReturnInEdit",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "编辑加工退货进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessReturnInView",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "查看加工退货进仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessOutList",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "加工出仓列表",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessOutAdd",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "新增加工出仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessOutEdit",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "编辑加工出仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},{
|
||||||
|
"path" : "pages/storegoods/storeGoodsProcessOutView",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "查看加工出仓单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
},{
|
},{
|
||||||
"path" : "pages/storegoods/storeGoodsBusinessIn",
|
"path" : "pages/storegoods/storeGoodsBusinessIn",
|
||||||
"style" :
|
"style" :
|
||||||
@@ -570,7 +684,7 @@
|
|||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},{
|
},{
|
||||||
"path" : "pages/storefabric/storeFabricBusinessOutList",
|
"path" : "pages/storefabric/storeFabricBusinessOutList",
|
||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
@@ -578,13 +692,6 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},{
|
},{
|
||||||
"path": "pages/storefabric/storeFabricManualIn",
|
|
||||||
"style": {
|
|
||||||
"navigationBarTitleText": "手动进仓",
|
|
||||||
"navigationStyle": "custom",
|
|
||||||
"enablePullDownRefresh": false
|
|
||||||
}
|
|
||||||
},{
|
|
||||||
"path" : "pages/storefabric/storeFabricBusinessOutAdd",
|
"path" : "pages/storefabric/storeFabricBusinessOutAdd",
|
||||||
"style" :
|
"style" :
|
||||||
{
|
{
|
||||||
@@ -808,12 +915,30 @@
|
|||||||
"backgroundColor": "#ffffff",
|
"backgroundColor": "#ffffff",
|
||||||
"borderStyle": "white",
|
"borderStyle": "white",
|
||||||
"list": [
|
"list": [
|
||||||
|
{
|
||||||
|
"pagePath": "pages/sys/msg/index",
|
||||||
|
"iconPath": "static/aidex/tabbar/msg_1.png",
|
||||||
|
"selectedIconPath": "static/aidex/tabbar/msg_2.png",
|
||||||
|
"text": "消息"
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// "pagePath": "pages/sys/home/index",
|
||||||
|
// "iconPath": "static/aidex/tabbar/home_1.png",
|
||||||
|
// "selectedIconPath": "static/aidex/tabbar/home_2.png",
|
||||||
|
// "text": "首页"
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
"pagePath": "pages/sys/workbench/index",
|
"pagePath": "pages/sys/workbench/index",
|
||||||
"iconPath": "static/aidex/tabbar/apply_1.png",
|
"iconPath": "static/aidex/tabbar/apply_1.png",
|
||||||
"selectedIconPath": "static/aidex/tabbar/apply_2.png",
|
"selectedIconPath": "static/aidex/tabbar/apply_2.png",
|
||||||
"text": "工作台"
|
"text": "工作台"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"pagePath": "pages/sys/book/index",
|
||||||
|
"iconPath": "static/aidex/tabbar/book_1.png",
|
||||||
|
"selectedIconPath": "static/aidex/tabbar/book_2.png",
|
||||||
|
"text": "通讯录"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/sys/user/index",
|
"pagePath": "pages/sys/user/index",
|
||||||
"iconPath": "static/aidex/tabbar/my_1.png",
|
"iconPath": "static/aidex/tabbar/my_1.png",
|
||||||
|
|||||||
@@ -44,6 +44,9 @@
|
|||||||
<text class="title" style="width: 200px">成品缸号:{{ CrockNo }}</text>
|
<text class="title" style="width: 200px">成品缸号:{{ CrockNo }}</text>
|
||||||
<text class="title" style="width: 200px">成品卷号:{{ GoodsBillNo }}</text>
|
<text class="title" style="width: 200px">成品卷号:{{ GoodsBillNo }}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
|
<u-form-item>
|
||||||
|
<text class="title" style="width: 200px">外部卷号:{{ ExternVolumeNumber }}</text>
|
||||||
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title">{{ BillDataMessage }}</text>
|
<text class="title">{{ BillDataMessage }}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@@ -110,6 +113,7 @@ export default {
|
|||||||
GoodsCodeName: "",
|
GoodsCodeName: "",
|
||||||
CrockNo: "",
|
CrockNo: "",
|
||||||
GoodsBillNo: "",
|
GoodsBillNo: "",
|
||||||
|
ExternVolumeNumber: "",
|
||||||
BillSumRoll: 0,
|
BillSumRoll: 0,
|
||||||
BillSumQty: 0,
|
BillSumQty: 0,
|
||||||
BillSumMQty: 0,
|
BillSumMQty: 0,
|
||||||
@@ -367,6 +371,7 @@ export default {
|
|||||||
this.GoodsCodeName = aResultData.product_color_name;
|
this.GoodsCodeName = aResultData.product_color_name;
|
||||||
this.CrockNo = aResultData.dyelot_number;
|
this.CrockNo = aResultData.dyelot_number;
|
||||||
this.GoodsBillNo = aResultData.volume_number;
|
this.GoodsBillNo = aResultData.volume_number;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || '';
|
||||||
this.QRBarCode = "";
|
this.QRBarCode = "";
|
||||||
|
|
||||||
if (aBarCodeDelStatus == 1) {
|
if (aBarCodeDelStatus == 1) {
|
||||||
|
|||||||
@@ -1,138 +1,206 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
<view class="fabric-out-page">
|
<view class="fabric-out-page">
|
||||||
<view v-if="showHeaderToggle" class="fabric-out-headerBar" @click="toggleHeader">
|
|
||||||
<view class="fabric-out-headerBarMain">
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
<text class="fabric-out-headerBarTitle">单据信息</text>
|
|
||||||
<text v-if="form.order_no" class="fabric-out-headerBarSub">{{ form.order_no }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="fabric-out-headerBarAction">
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
<text>{{ headerExpanded ? '收起' : '展开' }}</text>
|
|
||||||
<u-icon class="fabric-out-headerBarIcon" :name="headerExpanded ? 'arrow-up' : 'arrow-down'" size="32" color="#2979ff"></u-icon>
|
<text class="mr26">出仓单号</text>
|
||||||
</view>
|
|
||||||
|
<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-show="headerExpanded">
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
|
||||||
|
<text class="mr26">出仓类型</text>
|
||||||
|
|
||||||
|
<view>{{ getBillTypeName() }}</view>
|
||||||
|
|
||||||
<view class="flex-white-plr26 ptb10 bdb_f5">
|
|
||||||
<text class="mr26">出仓单号</text>
|
|
||||||
<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
|
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">出仓类型</text>
|
|
||||||
<view>{{ getBillTypeName() }}</view>
|
|
||||||
</view>
|
|
||||||
<view @click="pickerSelectFun('接收单位')" class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">接收单位<text class="redXingh">*</text></text>
|
|
||||||
<view :class="form.business_unit_name ? '' : 'cBlack'">
|
|
||||||
{{ form.business_unit_name || '请选择' }}
|
|
||||||
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">{{ dateLabel }}<text class="redXingh">*</text></text>
|
|
||||||
<picker mode="date" :value="form.delivery_time" :disabled="!headerEditable" @change="bindDateChange">
|
|
||||||
<view>{{ form.delivery_time }}</view>
|
|
||||||
</picker>
|
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26-column ptb20 mt32">
|
|
||||||
<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
|
|
||||||
<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-if="showScanSection">
|
<view @click="pickerSelectFun('染厂')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
<PlusBarcodePanel
|
|
||||||
ref="plusBarcodePanel"
|
<text class="mr26">染厂<text class="redXingh">*</text></text>
|
||||||
:visible.sync="phoneScanPanelOpen"
|
|
||||||
hint-text="连续扫码出仓,扫完可继续下一条"
|
<view :class="form.business_unit_name ? '' : 'cBlack'">
|
||||||
:scan-time-space="1200"
|
|
||||||
@success="onPlusBarcodeSuccess"
|
{{ form.business_unit_name || '请选择' }}
|
||||||
/>
|
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
|
||||||
|
<text class="mr26">{{ dateLabel }}<text class="redXingh">*</text></text>
|
||||||
|
|
||||||
|
<picker mode="date" :value="form.delivery_time" :disabled="!headerEditable" @change="bindDateChange">
|
||||||
|
|
||||||
|
<view>{{ form.delivery_time }}</view>
|
||||||
|
|
||||||
|
</picker>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<view class="flex-white-plr26-column ptb20 mt32">
|
||||||
|
|
||||||
|
<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
|
||||||
|
|
||||||
|
<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<FabricOutDetailList
|
||||||
|
|
||||||
|
:list="form.item_data"
|
||||||
|
|
||||||
|
@fabric-info="openFabricInfo"
|
||||||
|
|
||||||
|
@fine-code="openFineCode"
|
||||||
|
|
||||||
|
>
|
||||||
|
|
||||||
<FabricOutScanBar
|
<FabricOutScanBar
|
||||||
|
slot="before-list"
|
||||||
:can-scan="canScan"
|
:can-scan="canScan"
|
||||||
:value="QRBarCode"
|
:value="QRBarCode"
|
||||||
:delete-mode="BarCodeDelStatus"
|
:delete-mode="BarCodeDelStatus"
|
||||||
:message="BillDataMessage"
|
:message="BillDataMessage"
|
||||||
disabled-tip="请先提交保存后再扫码"
|
disabled-tip="请先提交保存后再扫码"
|
||||||
:scanning="phoneScanPanelOpen"
|
:show-phone-scan="usePhoneScanFallback"
|
||||||
@input="QRBarCode = $event"
|
@input="QRBarCode = $event"
|
||||||
@scan="handleScan"
|
@scan="handleScan"
|
||||||
@phone-scan="handlePhoneScan"
|
@phone-scan="handlePhoneScan"
|
||||||
@delete-mode-change="BarCodeDelChange"
|
@delete-mode-change="BarCodeDelChange"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<FabricOutScanDetail
|
<FabricOutScanDetail
|
||||||
|
slot="before-list"
|
||||||
:detail="scanDetail"
|
:detail="scanDetail"
|
||||||
|
:item-data="form.item_data"
|
||||||
:group-keys="scanGroupKeys"
|
:group-keys="scanGroupKeys"
|
||||||
@group-change="scanGroupKeys = $event"
|
@group-change="scanGroupKeys = $event"
|
||||||
/>
|
/>
|
||||||
<FabricOutSummaryTable
|
|
||||||
:rows="form.summary_rows"
|
</FabricOutDetailList>
|
||||||
@cell-click="onSummaryCellClick"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<FabricOutFooter
|
<FabricOutFooter
|
||||||
|
|
||||||
v-if="!headerSaved"
|
v-if="!headerSaved"
|
||||||
|
|
||||||
:buttons="[{ label: '提交保存', action: 'save' }]"
|
:buttons="[{ label: '提交保存', action: 'save' }]"
|
||||||
|
|
||||||
single
|
single
|
||||||
|
|
||||||
@action="submitSave"
|
@action="submitSave"
|
||||||
/>
|
|
||||||
<FabricOutFooter
|
|
||||||
v-else
|
|
||||||
:buttons="statusActionButtons"
|
|
||||||
@action="handleStatusAction"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<search-select-popup
|
<FabricOutFooter
|
||||||
:show.sync="selectShow"
|
|
||||||
title="选择接收单位"
|
v-else
|
||||||
placeholder="请输入染厂名称"
|
|
||||||
:list="selectList"
|
:buttons="statusActionButtons"
|
||||||
@confirm="selectConfirmFun"
|
|
||||||
|
@action="handleStatusAction"
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
|
||||||
<FabricInfoPopup :show.sync="fabricInfoShow" :data="currentFabricInfo" />
|
<FabricInfoPopup :show.sync="fabricInfoShow" :data="currentFabricInfo" />
|
||||||
|
|
||||||
<FineCodePopup :show.sync="fineCodeShow" :list="currentFineCodes" :readonly="false" @delete="onDeleteFineCode" />
|
<FineCodePopup :show.sync="fineCodeShow" :list="currentFineCodes" :readonly="false" @delete="onDeleteFineCode" />
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import formMixin from './storeFabricBusinessOutMixin.js';
|
import formMixin from './storeFabricBusinessOutMixin.js';
|
||||||
|
|
||||||
import FabricInfoPopup from '@/components/storefabric/FabricInfoPopup.vue';
|
import FabricInfoPopup from '@/components/storefabric/FabricInfoPopup.vue';
|
||||||
|
|
||||||
import FineCodePopup from '@/components/storefabric/FineCodePopup.vue';
|
import FineCodePopup from '@/components/storefabric/FineCodePopup.vue';
|
||||||
|
|
||||||
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
|
||||||
|
import FabricOutDetailList from '@/components/storefabric/FabricOutDetailList.vue';
|
||||||
|
|
||||||
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
|
||||||
import FabricOutScanDetail from '@/components/storefabric/FabricOutScanDetail.vue';
|
import FabricOutScanDetail from '@/components/storefabric/FabricOutScanDetail.vue';
|
||||||
import FabricOutSummaryTable from '@/components/storefabric/FabricOutSummaryTable.vue';
|
|
||||||
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
import SearchSelectPopup from '@/components/storefabric/SearchSelectPopup.vue';
|
|
||||||
import PlusBarcodePanel from '@/components/common/PlusBarcodePanel.vue';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
||||||
components: {
|
components: {
|
||||||
|
|
||||||
FabricInfoPopup,
|
FabricInfoPopup,
|
||||||
|
|
||||||
FineCodePopup,
|
FineCodePopup,
|
||||||
|
|
||||||
OrderStatusBar,
|
OrderStatusBar,
|
||||||
|
|
||||||
|
FabricOutDetailList,
|
||||||
|
|
||||||
FabricOutScanBar,
|
FabricOutScanBar,
|
||||||
|
|
||||||
FabricOutScanDetail,
|
FabricOutScanDetail,
|
||||||
FabricOutSummaryTable,
|
|
||||||
FabricOutFooter,
|
FabricOutFooter,
|
||||||
SearchSelectPopup,
|
|
||||||
PlusBarcodePanel,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mixins: [formMixin],
|
mixins: [formMixin],
|
||||||
|
|
||||||
onLoad() {
|
onLoad() {
|
||||||
|
|
||||||
uni.setNavigationBarTitle({ title: '新增坯布出仓单' });
|
uni.setNavigationBarTitle({ title: '新增坯布出仓单' });
|
||||||
|
|
||||||
this.pageMode = 'add';
|
this.pageMode = 'add';
|
||||||
|
|
||||||
this.loadBaseDropdowns();
|
this.loadBaseDropdowns();
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
||||||
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
|
||||||
page {
|
page {
|
||||||
background-color: #F8F8F8;
|
background-color: #F8F8F8;
|
||||||
padding-bottom: 260rpx;
|
padding-bottom: 260rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,79 +1,57 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="fabric-out-page">
|
<view class="fabric-out-page">
|
||||||
<view v-if="showHeaderToggle" class="fabric-out-headerBar" @click="toggleHeader">
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
<view class="fabric-out-headerBarMain">
|
|
||||||
<text class="fabric-out-headerBarTitle">单据信息</text>
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
<text v-if="form.order_no" class="fabric-out-headerBarSub">{{ form.order_no }}</text>
|
<text class="mr26">出仓单号</text>
|
||||||
</view>
|
<text>{{ form.order_no }}</text>
|
||||||
<view class="fabric-out-headerBarAction">
|
</view>
|
||||||
<text>{{ headerExpanded ? '收起' : '展开' }}</text>
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
<u-icon class="fabric-out-headerBarIcon" :name="headerExpanded ? 'arrow-up' : 'arrow-down'" size="32" color="#2979ff"></u-icon>
|
<text class="mr26">出仓类型</text>
|
||||||
</view>
|
<text>{{ getBillTypeName() }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">染厂</text>
|
||||||
|
<text>{{ form.business_unit_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">{{ dateLabel }}</text>
|
||||||
|
<text>{{ form.delivery_time }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ form.remark || '-' }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-show="headerExpanded">
|
<FabricOutDetailList
|
||||||
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
:list="form.item_data"
|
||||||
<view class="flex-white-plr26 ptb10 bdb_f5">
|
@fabric-info="openFabricInfo"
|
||||||
<text class="mr26">出仓单号</text>
|
@fine-code="openFineCode"
|
||||||
<text>{{ form.order_no }}</text>
|
>
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">出仓类型</text>
|
|
||||||
<text>{{ getBillTypeName() }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">接收单位</text>
|
|
||||||
<text>{{ form.business_unit_name || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">{{ dateLabel }}</text>
|
|
||||||
<text>{{ form.delivery_time }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
|
||||||
<text class="mr26">单据备注</text>
|
|
||||||
<text>{{ form.remark || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view v-if="showScanSection">
|
|
||||||
<PlusBarcodePanel
|
|
||||||
ref="plusBarcodePanel"
|
|
||||||
:visible.sync="phoneScanPanelOpen"
|
|
||||||
hint-text="连续扫码出仓,扫完可继续下一条"
|
|
||||||
:scan-time-space="1200"
|
|
||||||
@success="onPlusBarcodeSuccess"
|
|
||||||
/>
|
|
||||||
<FabricOutScanBar
|
<FabricOutScanBar
|
||||||
|
slot="before-list"
|
||||||
:can-scan="canScan"
|
:can-scan="canScan"
|
||||||
:value="QRBarCode"
|
:value="QRBarCode"
|
||||||
:delete-mode="BarCodeDelStatus"
|
:delete-mode="BarCodeDelStatus"
|
||||||
:message="BillDataMessage"
|
:message="BillDataMessage"
|
||||||
:scanning="phoneScanPanelOpen"
|
:show-phone-scan="usePhoneScanFallback"
|
||||||
@input="QRBarCode = $event"
|
@input="QRBarCode = $event"
|
||||||
@scan="handleScan"
|
@scan="handleScan"
|
||||||
@phone-scan="handlePhoneScan"
|
@phone-scan="handlePhoneScan"
|
||||||
@delete-mode-change="BarCodeDelChange"
|
@delete-mode-change="BarCodeDelChange"
|
||||||
/>
|
/>
|
||||||
<FabricOutScanDetail
|
<FabricOutScanDetail
|
||||||
|
slot="before-list"
|
||||||
:detail="scanDetail"
|
:detail="scanDetail"
|
||||||
|
:item-data="form.item_data"
|
||||||
:group-keys="scanGroupKeys"
|
:group-keys="scanGroupKeys"
|
||||||
@group-change="scanGroupKeys = $event"
|
@group-change="scanGroupKeys = $event"
|
||||||
/>
|
/>
|
||||||
<FabricOutSummaryTable
|
</FabricOutDetailList>
|
||||||
:rows="form.summary_rows"
|
|
||||||
@cell-click="onSummaryCellClick"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
||||||
|
|
||||||
<search-select-popup
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
:show.sync="selectShow"
|
|
||||||
title="选择接收单位"
|
|
||||||
placeholder="请输入染厂名称"
|
|
||||||
:list="selectList"
|
|
||||||
@confirm="selectConfirmFun"
|
|
||||||
/>
|
|
||||||
<FabricInfoPopup :show.sync="fabricInfoShow" :data="currentFabricInfo" />
|
<FabricInfoPopup :show.sync="fabricInfoShow" :data="currentFabricInfo" />
|
||||||
<FineCodePopup :show.sync="fineCodeShow" :list="currentFineCodes" :readonly="false" @delete="onDeleteFineCode" />
|
<FineCodePopup :show.sync="fineCodeShow" :list="currentFineCodes" :readonly="false" @delete="onDeleteFineCode" />
|
||||||
</view>
|
</view>
|
||||||
@@ -84,36 +62,25 @@ import formMixin from './storeFabricBusinessOutMixin.js';
|
|||||||
import FabricInfoPopup from '@/components/storefabric/FabricInfoPopup.vue';
|
import FabricInfoPopup from '@/components/storefabric/FabricInfoPopup.vue';
|
||||||
import FineCodePopup from '@/components/storefabric/FineCodePopup.vue';
|
import FineCodePopup from '@/components/storefabric/FineCodePopup.vue';
|
||||||
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutDetailList from '@/components/storefabric/FabricOutDetailList.vue';
|
||||||
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
import FabricOutScanDetail from '@/components/storefabric/FabricOutScanDetail.vue';
|
import FabricOutScanDetail from '@/components/storefabric/FabricOutScanDetail.vue';
|
||||||
import FabricOutSummaryTable from '@/components/storefabric/FabricOutSummaryTable.vue';
|
|
||||||
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
import SearchSelectPopup from '@/components/storefabric/SearchSelectPopup.vue';
|
|
||||||
import PlusBarcodePanel from '@/components/common/PlusBarcodePanel.vue';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
FabricInfoPopup,
|
FabricInfoPopup,
|
||||||
FineCodePopup,
|
FineCodePopup,
|
||||||
OrderStatusBar,
|
OrderStatusBar,
|
||||||
|
FabricOutDetailList,
|
||||||
FabricOutScanBar,
|
FabricOutScanBar,
|
||||||
FabricOutScanDetail,
|
FabricOutScanDetail,
|
||||||
FabricOutSummaryTable,
|
|
||||||
FabricOutFooter,
|
FabricOutFooter,
|
||||||
SearchSelectPopup,
|
|
||||||
PlusBarcodePanel,
|
|
||||||
},
|
},
|
||||||
mixins: [formMixin],
|
mixins: [formMixin],
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
pageMode: 'edit',
|
|
||||||
headerExpanded: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
onLoad(e) {
|
onLoad(e) {
|
||||||
uni.setNavigationBarTitle({ title: '编辑坯布出仓单' });
|
uni.setNavigationBarTitle({ title: '编辑坯布出仓单' });
|
||||||
this.pageMode = 'edit';
|
this.pageMode = 'edit';
|
||||||
this.headerExpanded = false;
|
|
||||||
if (e.id) {
|
if (e.id) {
|
||||||
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,19 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view class="filterBar">
|
<view class="filterBar">
|
||||||
<u-search
|
<u-search v-model="filters.order_no" placeholder="出仓单号" :show-action="false" @search="loadList" @custom="loadList" />
|
||||||
v-model="filters.order_no"
|
<view class="filterBtn" @click="filterShow = true">
|
||||||
placeholder="出仓单号"
|
<u-icon name="list" size="40" color="#666"></u-icon>
|
||||||
:show-action="false"
|
|
||||||
@search="applySearch"
|
|
||||||
@custom="applySearch"
|
|
||||||
@clear="applySearch"
|
|
||||||
/>
|
|
||||||
<view class="filterBtn" :class="{ 'filterBtn--active': hasActiveFilter }" @click="filterShow = true">
|
|
||||||
<view class="filterBtn__icon">
|
|
||||||
<u-icon name="list" size="44" :color="hasActiveFilter ? '#2979ff' : '#666'"></u-icon>
|
|
||||||
<view v-if="hasActiveFilter" class="filterBtn__badge"></view>
|
|
||||||
</view>
|
|
||||||
<text>筛选</text>
|
<text>筛选</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -30,48 +20,36 @@
|
|||||||
|
|
||||||
<addBtn url="./storeFabricBusinessOutAdd"></addBtn>
|
<addBtn url="./storeFabricBusinessOutAdd"></addBtn>
|
||||||
|
|
||||||
<u-popup v-model="filterShow" mode="right" width="580rpx" :safe-area-inset-bottom="true" @close="cancelFilterEdit">
|
<u-popup v-model="filterShow" mode="right" width="580rpx" :safe-area-inset-bottom="true">
|
||||||
<view class="filterPanel">
|
<view class="filterPanel">
|
||||||
<view class="filterTitle">筛选条件</view>
|
<view class="filterTitle">筛选条件</view>
|
||||||
<view class="filterItem">
|
<view class="filterItem">
|
||||||
<text class="filterLabel">出仓单号</text>
|
<text class="filterLabel">出仓单号</text>
|
||||||
<view class="filterInput">
|
<u-input v-model="filters.order_no" placeholder="请输入出仓单号" />
|
||||||
<u-input
|
|
||||||
v-model="filters.order_no"
|
|
||||||
placeholder="请输入出仓单号"
|
|
||||||
:height="100"
|
|
||||||
:custom-style="{ fontSize: '36rpx', color: '#202328' }"
|
|
||||||
placeholder-style="color: #aeb4bf; font-size: 34rpx;"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="filterItem">
|
<view class="filterItem">
|
||||||
<text class="filterLabel">出仓日期</text>
|
<text class="filterLabel">出仓日期</text>
|
||||||
<view class="dateRow">
|
<view class="dateRow">
|
||||||
<picker class="datePicker" mode="date" :value="filters.start_date" @change="e => filters.start_date = e.detail.value">
|
<picker mode="date" :value="filters.start_date" @change="e => filters.start_date = e.detail.value">
|
||||||
<view class="dateInput" :class="{ 'dateInput--placeholder': !filters.start_date }">
|
<view class="dateInput">{{ filters.start_date || '开始日期' }}</view>
|
||||||
{{ filters.start_date || '开始日期' }}
|
|
||||||
</view>
|
|
||||||
</picker>
|
</picker>
|
||||||
<text class="dateSeparator">~</text>
|
<text>~</text>
|
||||||
<picker class="datePicker" mode="date" :value="filters.end_date" @change="e => filters.end_date = e.detail.value">
|
<picker mode="date" :value="filters.end_date" @change="e => filters.end_date = e.detail.value">
|
||||||
<view class="dateInput" :class="{ 'dateInput--placeholder': !filters.end_date }">
|
<view class="dateInput">{{ filters.end_date || '结束日期' }}</view>
|
||||||
{{ filters.end_date || '结束日期' }}
|
|
||||||
</view>
|
|
||||||
</picker>
|
</picker>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="filterItem" @click="openDeliveryUnitSelect">
|
<!-- <view class="filterItem" @click="openDeliveryUnitSelect">-->
|
||||||
<text class="filterLabel">出仓单位</text>
|
<!-- <text class="filterLabel">出仓单位</text>-->
|
||||||
<view class="filterValue">{{ deliveryUnitLabel || '全部' }} <u-icon name="arrow-right" size="36"></u-icon></view>
|
<!-- <view class="filterValue">{{ deliveryUnitLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>-->
|
||||||
</view>
|
<!-- </view>-->
|
||||||
<view class="filterItem" @click="openBusinessUnitSelect">
|
<view class="filterItem" @click="openBusinessUnitSelect">
|
||||||
<text class="filterLabel">接收单位</text>
|
<text class="filterLabel">染厂</text>
|
||||||
<view class="filterValue">{{ businessUnitLabel || '全部' }} <u-icon name="arrow-right" size="36"></u-icon></view>
|
<view class="filterValue">{{ businessUnitLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="filterItem" @click="openStatusSelect">
|
<view class="filterItem" @click="openStatusSelect">
|
||||||
<text class="filterLabel">订单状态</text>
|
<text class="filterLabel">订单状态</text>
|
||||||
<view class="filterValue">{{ statusLabel || '全部' }} <u-icon name="arrow-right" size="36"></u-icon></view>
|
<view class="filterValue">{{ statusLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="filterActions">
|
<view class="filterActions">
|
||||||
<u-button type="warning" size="medium" @click="resetFilter">重置</u-button>
|
<u-button type="warning" size="medium" @click="resetFilter">重置</u-button>
|
||||||
@@ -80,76 +58,27 @@
|
|||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
|
|
||||||
<u-select
|
<u-select v-model="statusSelectShow" :list="statusSelectList" @confirm="onStatusConfirm"></u-select>
|
||||||
class="pdaSelect"
|
<u-select v-model="unitSelectShow" :list="unitSelectList" remote :loading="selectSearching" @search="onUnitSearch" @confirm="onUnitConfirm"></u-select>
|
||||||
v-model="statusSelectShow"
|
|
||||||
title="选择订单状态"
|
|
||||||
:list="statusSelectList"
|
|
||||||
:default-value="statusSelectDefault"
|
|
||||||
@confirm="onStatusConfirm"
|
|
||||||
></u-select>
|
|
||||||
<u-select
|
|
||||||
class="pdaSelect"
|
|
||||||
v-model="unitSelectShow"
|
|
||||||
title="选择出仓单位"
|
|
||||||
:list="unitSelectList"
|
|
||||||
:default-value="unitSelectDefault"
|
|
||||||
@confirm="onUnitConfirm"
|
|
||||||
></u-select>
|
|
||||||
<search-select-popup
|
|
||||||
:show.sync="businessUnitSelectShow"
|
|
||||||
title="选择接收单位"
|
|
||||||
placeholder="请输入染厂名称"
|
|
||||||
:list="businessUnitSelectList"
|
|
||||||
@confirm="onBusinessUnitConfirm"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import addBtn from '@/components/addBtn/addBtn.vue';
|
import addBtn from '@/components/addBtn/addBtn.vue';
|
||||||
import FabricOutItem from '@/components/card/storeFabricBusinessOutItem.vue';
|
import FabricOutItem from '@/components/card/storeFabricBusinessOutItem.vue';
|
||||||
import SearchSelectPopup from '@/components/storefabric/SearchSelectPopup.vue';
|
|
||||||
import {
|
import {
|
||||||
getStatusOptions,
|
getStatusOptions,
|
||||||
AUDIT_STATUS,
|
|
||||||
AUDIT_STATUS_MAP,
|
AUDIT_STATUS_MAP,
|
||||||
BILL_TYPES,
|
BILL_TYPES,
|
||||||
BUSINESS_UNIT_TYPE_DYEING_FACTORY,
|
BUSINESS_UNIT_TYPE_DYE_FACTORY,
|
||||||
formatRoll,
|
formatRoll,
|
||||||
mapToSelectOptions,
|
mapToSelectOptions,
|
||||||
fetchAllOrderList,
|
fetchAllOrderList,
|
||||||
} from '@/common/storeFabricBusinessOut';
|
} from '@/common/storeFabricBusinessOut';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
const FILTER_STORAGE_KEY = 'storeFabricBusinessOutListFilters';
|
|
||||||
|
|
||||||
const createDefaultFilters = () => ({
|
|
||||||
order_no: '',
|
|
||||||
start_date: '',
|
|
||||||
end_date: '',
|
|
||||||
delivery_unit_id: '',
|
|
||||||
delivery_unit_name: '',
|
|
||||||
business_unit_id: '',
|
|
||||||
business_unit_name: '',
|
|
||||||
audit_status: AUDIT_STATUS.PENDING,
|
|
||||||
});
|
|
||||||
|
|
||||||
const normalizeFilters = (value) => {
|
|
||||||
const filters = createDefaultFilters();
|
|
||||||
if (!value || typeof value !== 'object' || Array.isArray(value)) return filters;
|
|
||||||
|
|
||||||
Object.keys(filters).forEach((key) => {
|
|
||||||
if (typeof value[key] === 'string' || typeof value[key] === 'number') {
|
|
||||||
filters[key] = value[key];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (!filters.delivery_unit_id) filters.delivery_unit_name = '';
|
|
||||||
if (!filters.business_unit_id) filters.business_unit_name = '';
|
|
||||||
return filters;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { addBtn, FabricOutItem, SearchSelectPopup },
|
components: { addBtn, FabricOutItem },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
list: [],
|
list: [],
|
||||||
@@ -158,14 +87,24 @@ export default {
|
|||||||
filterShow: false,
|
filterShow: false,
|
||||||
statusSelectShow: false,
|
statusSelectShow: false,
|
||||||
unitSelectShow: false,
|
unitSelectShow: false,
|
||||||
businessUnitSelectShow: false,
|
|
||||||
unitSelectType: '',
|
unitSelectType: '',
|
||||||
deliveryUnitOptions: [],
|
deliveryUnitOptions: [],
|
||||||
businessUnitOptions: [],
|
businessUnitOptions: [],
|
||||||
unitOptionsLoading: false,
|
unitOptionsLoading: false,
|
||||||
|
selectSearching: false,
|
||||||
|
unitSearchSeq: 0,
|
||||||
|
unitSelectList: [{ value: '', label: '全部' }],
|
||||||
billTypeName: (BILL_TYPES[0] || {}).label || '坯布其他出货单',
|
billTypeName: (BILL_TYPES[0] || {}).label || '坯布其他出货单',
|
||||||
filters: createDefaultFilters(),
|
filters: {
|
||||||
appliedFilters: createDefaultFilters(),
|
order_no: '',
|
||||||
|
start_date: '',
|
||||||
|
end_date: '',
|
||||||
|
delivery_unit_id: '',
|
||||||
|
delivery_unit_name: '',
|
||||||
|
business_unit_id: '',
|
||||||
|
business_unit_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
},
|
||||||
statusSelectList: [
|
statusSelectList: [
|
||||||
{ value: '', label: '全部' },
|
{ value: '', label: '全部' },
|
||||||
...getStatusOptions(),
|
...getStatusOptions(),
|
||||||
@@ -183,79 +122,20 @@ export default {
|
|||||||
businessUnitLabel() {
|
businessUnitLabel() {
|
||||||
return this.filters.business_unit_name || '';
|
return this.filters.business_unit_name || '';
|
||||||
},
|
},
|
||||||
unitSelectList() {
|
|
||||||
return [{ value: '', label: '全部' }, ...this.deliveryUnitOptions];
|
|
||||||
},
|
|
||||||
businessUnitSelectList() {
|
|
||||||
return [{ value: '', label: '全部' }, ...this.businessUnitOptions];
|
|
||||||
},
|
|
||||||
statusSelectDefault() {
|
|
||||||
const index = this.statusSelectList.findIndex(
|
|
||||||
(item) => String(item.value) === String(this.filters.audit_status)
|
|
||||||
);
|
|
||||||
return [index >= 0 ? index : 0];
|
|
||||||
},
|
|
||||||
unitSelectDefault() {
|
|
||||||
const index = this.unitSelectList.findIndex(
|
|
||||||
(item) => String(item.value) === String(this.filters.delivery_unit_id)
|
|
||||||
);
|
|
||||||
return [index >= 0 ? index : 0];
|
|
||||||
},
|
|
||||||
hasActiveFilter() {
|
|
||||||
const filters = this.appliedFilters;
|
|
||||||
return Boolean(
|
|
||||||
String(filters.order_no || '').trim()
|
|
||||||
|| filters.start_date
|
|
||||||
|| filters.end_date
|
|
||||||
|| filters.delivery_unit_id
|
|
||||||
|| filters.business_unit_id
|
|
||||||
|| (filters.audit_status !== '' && filters.audit_status !== null)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
uni.setNavigationBarTitle({ title: '坯布出库列表' });
|
uni.setNavigationBarTitle({ title: '坯布出库列表' });
|
||||||
this.restoreFilterCache();
|
|
||||||
uni.getSystemInfo({
|
uni.getSystemInfo({
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
this.scrollHeight = `${res.windowHeight - 50}px`;
|
this.scrollHeight = `${res.windowHeight - 50}px`;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
this.loadList();
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.loadList();
|
this.loadList();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
restoreFilterCache() {
|
|
||||||
try {
|
|
||||||
const filters = normalizeFilters(uni.getStorageSync(FILTER_STORAGE_KEY));
|
|
||||||
this.filters = { ...filters };
|
|
||||||
this.appliedFilters = { ...filters };
|
|
||||||
} catch (e) {
|
|
||||||
this.filters = createDefaultFilters();
|
|
||||||
this.appliedFilters = createDefaultFilters();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
saveFilterCache() {
|
|
||||||
try {
|
|
||||||
uni.setStorageSync(FILTER_STORAGE_KEY, { ...this.appliedFilters });
|
|
||||||
} catch (e) {
|
|
||||||
// 缓存失败不影响列表筛选
|
|
||||||
}
|
|
||||||
},
|
|
||||||
commitFilters() {
|
|
||||||
const filters = normalizeFilters(this.filters);
|
|
||||||
this.filters = { ...filters };
|
|
||||||
this.appliedFilters = { ...filters };
|
|
||||||
this.saveFilterCache();
|
|
||||||
this.loadList();
|
|
||||||
},
|
|
||||||
applySearch() {
|
|
||||||
this.commitFilters();
|
|
||||||
},
|
|
||||||
cancelFilterEdit() {
|
|
||||||
this.filters = { ...this.appliedFilters };
|
|
||||||
},
|
|
||||||
loadDeliveryUnitOptions() {
|
loadDeliveryUnitOptions() {
|
||||||
if (this.deliveryUnitOptions.length) return Promise.resolve(this.deliveryUnitOptions);
|
if (this.deliveryUnitOptions.length) return Promise.resolve(this.deliveryUnitOptions);
|
||||||
return this.$u.api.businessUnit.list({})
|
return this.$u.api.businessUnit.list({})
|
||||||
@@ -270,7 +150,7 @@ export default {
|
|||||||
},
|
},
|
||||||
loadBusinessUnitOptions() {
|
loadBusinessUnitOptions() {
|
||||||
if (this.businessUnitOptions.length) return Promise.resolve(this.businessUnitOptions);
|
if (this.businessUnitOptions.length) return Promise.resolve(this.businessUnitOptions);
|
||||||
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_DYEING_FACTORY })
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_DYE_FACTORY })
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.businessUnitOptions = mapToSelectOptions(res);
|
this.businessUnitOptions = mapToSelectOptions(res);
|
||||||
return this.businessUnitOptions;
|
return this.businessUnitOptions;
|
||||||
@@ -280,44 +160,47 @@ export default {
|
|||||||
return this.businessUnitOptions;
|
return this.businessUnitOptions;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
applyUnitSelectList(list) {
|
||||||
|
const rows = Array.isArray(list) ? list.slice() : [];
|
||||||
|
this.unitSelectList = [{ value: '', label: '全部' }].concat(rows);
|
||||||
|
},
|
||||||
openUnitSelect(type) {
|
openUnitSelect(type) {
|
||||||
if (this.unitOptionsLoading) return;
|
this.unitSelectType = type;
|
||||||
this.unitOptionsLoading = true;
|
const cache = type === 'delivery' ? this.deliveryUnitOptions : this.businessUnitOptions;
|
||||||
const loadFn = type === 'delivery' ? this.loadDeliveryUnitOptions : this.loadBusinessUnitOptions;
|
this.applyUnitSelectList(cache);
|
||||||
loadFn.call(this)
|
this.unitSelectShow = true;
|
||||||
.then((list) => {
|
},
|
||||||
if (!list.length) {
|
onUnitSearch(keyword) {
|
||||||
uni.showToast({ title: '暂无可选单位', icon: 'none' });
|
const seq = ++this.unitSearchSeq;
|
||||||
return;
|
const isDelivery = this.unitSelectType === 'delivery';
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
this.selectSearching = true;
|
||||||
|
const params = isDelivery ? {} : { unit_type_id: BUSINESS_UNIT_TYPE_DYE_FACTORY };
|
||||||
|
this.$u.api.businessUnit.list(withNameParam(params, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) {
|
||||||
|
if (isDelivery) this.deliveryUnitOptions = list;
|
||||||
|
else this.businessUnitOptions = list;
|
||||||
}
|
}
|
||||||
this.unitSelectType = type;
|
this.applyUnitSelectList(list);
|
||||||
this.unitSelectShow = true;
|
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.catch((e) => {
|
||||||
this.unitOptionsLoading = false;
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
uni.showToast({ title: (e && e.message) || '搜索失败', icon: 'none' });
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
}, () => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
openDeliveryUnitSelect() {
|
openDeliveryUnitSelect() {
|
||||||
this.openUnitSelect('delivery');
|
this.openUnitSelect('delivery');
|
||||||
},
|
},
|
||||||
openBusinessUnitSelect() {
|
openBusinessUnitSelect() {
|
||||||
if (this.unitOptionsLoading) return;
|
this.openUnitSelect('business');
|
||||||
this.unitOptionsLoading = true;
|
|
||||||
this.loadBusinessUnitOptions()
|
|
||||||
.then((list) => {
|
|
||||||
if (!list.length) {
|
|
||||||
uni.showToast({ title: '暂无可选单位', icon: 'none' });
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.businessUnitSelectShow = true;
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
this.unitOptionsLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onBusinessUnitConfirm(item) {
|
|
||||||
this.filters.business_unit_id = item.value;
|
|
||||||
this.filters.business_unit_name = item.value ? item.label : '';
|
|
||||||
},
|
},
|
||||||
onUnitConfirm(e) {
|
onUnitConfirm(e) {
|
||||||
const item = e[0] || {};
|
const item = e[0] || {};
|
||||||
@@ -330,11 +213,10 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
loadList() {
|
loadList() {
|
||||||
const filters = this.appliedFilters;
|
|
||||||
const params = {};
|
const params = {};
|
||||||
if (filters.order_no) params.order_no = filters.order_no;
|
if (this.filters.order_no) params.order_no = this.filters.order_no;
|
||||||
if (filters.audit_status !== '' && filters.audit_status !== null) {
|
if (this.filters.audit_status !== '' && this.filters.audit_status !== null) {
|
||||||
params.audit_status = filters.audit_status;
|
params.audit_status = this.filters.audit_status;
|
||||||
}
|
}
|
||||||
fetchAllOrderList((p) => this.$u.api.gfmOtherDeliveryOrder.list(p), params)
|
fetchAllOrderList((p) => this.$u.api.gfmOtherDeliveryOrder.list(p), params)
|
||||||
.then((rows) => {
|
.then((rows) => {
|
||||||
@@ -368,13 +250,12 @@ export default {
|
|||||||
},
|
},
|
||||||
// 后端列表仅支持 单号/状态 过滤,出仓日期与单位在前端做本地过滤
|
// 后端列表仅支持 单号/状态 过滤,出仓日期与单位在前端做本地过滤
|
||||||
matchClientFilter(item) {
|
matchClientFilter(item) {
|
||||||
const filters = this.appliedFilters;
|
if (this.filters.start_date && item.out_date < this.filters.start_date) return false;
|
||||||
if (filters.start_date && item.out_date < filters.start_date) return false;
|
if (this.filters.end_date && item.out_date > this.filters.end_date) return false;
|
||||||
if (filters.end_date && item.out_date > filters.end_date) return false;
|
if (this.filters.delivery_unit_id && String(item.delivery_unit_id) !== String(this.filters.delivery_unit_id)) {
|
||||||
if (filters.delivery_unit_id && String(item.delivery_unit_id) !== String(filters.delivery_unit_id)) {
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
if (filters.business_unit_id && String(item.business_unit_id) !== String(filters.business_unit_id)) {
|
if (this.filters.business_unit_id && String(item.business_unit_id) !== String(this.filters.business_unit_id)) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
@@ -384,165 +265,40 @@ export default {
|
|||||||
this.loadList();
|
this.loadList();
|
||||||
},
|
},
|
||||||
goView(item) {
|
goView(item) {
|
||||||
const page = Number(item.audit_status) === AUDIT_STATUS.PENDING
|
uni.navigateTo({ url: `./storeFabricBusinessOutView?id=${item.id}` });
|
||||||
? 'storeFabricBusinessOutEdit'
|
|
||||||
: 'storeFabricBusinessOutView';
|
|
||||||
uni.navigateTo({ url: `./${page}?id=${item.id}` });
|
|
||||||
},
|
},
|
||||||
openStatusSelect() { this.statusSelectShow = true; },
|
openStatusSelect() { this.statusSelectShow = true; },
|
||||||
onStatusConfirm(e) { this.filters.audit_status = e[0].value; },
|
onStatusConfirm(e) { this.filters.audit_status = e[0].value; },
|
||||||
resetFilter() {
|
resetFilter() {
|
||||||
this.filters = createDefaultFilters();
|
this.filters = {
|
||||||
|
order_no: '',
|
||||||
|
start_date: '',
|
||||||
|
end_date: '',
|
||||||
|
delivery_unit_id: '',
|
||||||
|
delivery_unit_name: '',
|
||||||
|
business_unit_id: '',
|
||||||
|
business_unit_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
};
|
||||||
},
|
},
|
||||||
applyFilter() {
|
applyFilter() {
|
||||||
this.commitFilters();
|
|
||||||
this.filterShow = false;
|
this.filterShow = false;
|
||||||
|
this.loadList();
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style>
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
page { background-color: #F8F8F8; }
|
page { background-color: #F8F8F8; }
|
||||||
.filterBar { display: flex; align-items: center; padding: 16rpx 20rpx; background: #fff; gap: 16rpx; }
|
.filterBar { display: flex; align-items: center; padding: 16rpx 20rpx; background: #fff; gap: 16rpx; }
|
||||||
.filterBtn {
|
.filterBtn { display: flex; flex-direction: column; align-items: center; font-size: 22rpx; color: #666; min-width: 80rpx; }
|
||||||
display: flex;
|
.filterPanel { padding: 30rpx; }
|
||||||
flex-direction: column;
|
.filterTitle { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; }
|
||||||
align-items: center;
|
.filterItem { margin-bottom: 24rpx; }
|
||||||
justify-content: center;
|
.filterLabel { display: block; font-size: 28rpx; color: #666; margin-bottom: 12rpx; }
|
||||||
min-width: 88rpx;
|
.filterValue { display: flex; align-items: center; justify-content: space-between; padding: 16rpx; background: #f5f5f5; border-radius: 8rpx; font-size: 28rpx; }
|
||||||
min-height: 76rpx;
|
.dateRow { display: flex; align-items: center; gap: 12rpx; }
|
||||||
padding: 6rpx 8rpx;
|
.dateInput { padding: 16rpx; background: #f5f5f5; border-radius: 8rpx; font-size: 26rpx; min-width: 200rpx; text-align: center; }
|
||||||
border: 2rpx solid transparent;
|
.filterActions { display: flex; gap: 20rpx; margin-top: 40rpx; }
|
||||||
border-radius: 10rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $pda-font-nav-sub;
|
|
||||||
line-height: 1.2;
|
|
||||||
color: #666;
|
|
||||||
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
|
|
||||||
}
|
|
||||||
.filterBtn--active {
|
|
||||||
color: #2979ff;
|
|
||||||
background: #eef5ff;
|
|
||||||
border-color: #9fc5ff;
|
|
||||||
}
|
|
||||||
.filterBtn__icon {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.filterBtn__badge {
|
|
||||||
position: absolute;
|
|
||||||
top: -3rpx;
|
|
||||||
right: -7rpx;
|
|
||||||
width: 13rpx;
|
|
||||||
height: 13rpx;
|
|
||||||
border: 3rpx solid #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #ff4d4f;
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
.filterPanel {
|
|
||||||
min-height: 100%;
|
|
||||||
padding: 32rpx 28rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.filterTitle {
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
font-size: $pda-font-popup-title;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
.filterItem { margin-bottom: 28rpx; }
|
|
||||||
.filterLabel {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 14rpx;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
line-height: 1.35;
|
|
||||||
color: #555b66;
|
|
||||||
}
|
|
||||||
.filterInput {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 0 18rpx;
|
|
||||||
background: #f5f6f8;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
::v-deep .filterInput .u-input__input {
|
|
||||||
font-size: $pda-font-body !important;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
::v-deep .filterInput .u-input__input::placeholder {
|
|
||||||
font-size: $pda-font-placeholder;
|
|
||||||
color: #aeb4bf;
|
|
||||||
}
|
|
||||||
.filterValue {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 0 18rpx;
|
|
||||||
background: #f5f6f8;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
.dateRow {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10rpx;
|
|
||||||
}
|
|
||||||
.datePicker {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
.dateInput {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 0 8rpx;
|
|
||||||
background: #f5f6f8;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #202328;
|
|
||||||
text-align: center;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.dateInput--placeholder {
|
|
||||||
font-size: $pda-font-placeholder;
|
|
||||||
color: #7d8490;
|
|
||||||
}
|
|
||||||
.dateSeparator {
|
|
||||||
flex-shrink: 0;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #555b66;
|
|
||||||
}
|
|
||||||
.filterActions {
|
|
||||||
display: flex;
|
|
||||||
gap: 20rpx;
|
|
||||||
margin-top: 40rpx;
|
|
||||||
}
|
|
||||||
.filterActions .u-btn {
|
|
||||||
flex: 1;
|
|
||||||
height: $pda-button-height !important;
|
|
||||||
line-height: $pda-button-height !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
font-size: $pda-font-button !important;
|
|
||||||
}
|
|
||||||
::v-deep .pdaSelect .u-select__header {
|
|
||||||
height: $pda-row-min-height;
|
|
||||||
}
|
|
||||||
::v-deep .pdaSelect .u-select__header__btn,
|
|
||||||
::v-deep .pdaSelect .u-select__header__title,
|
|
||||||
::v-deep .pdaSelect .u-select__body__picker-view__item {
|
|
||||||
font-size: $pda-font-popup-item !important;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -3,17 +3,20 @@
|
|||||||
*
|
*
|
||||||
* 业务说明:
|
* 业务说明:
|
||||||
* 1. 后端当前仅提供「坯布其他出货单」一种类型的接口,故出仓类型固定为 other,
|
* 1. 后端当前仅提供「坯布其他出货单」一种类型的接口,故出仓类型固定为 other,
|
||||||
* 表头保留接收单位(business_unit) / 出货日期 / 备注 等字段。
|
* 表头保留染厂(business_unit) / 出货日期 / 备注 等字段。
|
||||||
* 2. 用户先填写表头并「提交保存」(addGfmOtherDeliveryOrder),拿到出仓单 id 后才显示扫码区和汇总表;
|
* 2. 用户先填写表头并「提交保存」(addGfmOtherDeliveryOrder),拿到出仓单 id 后即可扫码;
|
||||||
* 扫码新增/删除细码走 updateGfmOtherDeliveryOrder;勾选锁定维度时附带 *_lock 字段,操作后用返回的最新详情刷新。
|
* 扫码新增/删除细码走 updateGfmOtherDeliveryOrder;勾选锁定维度时附带 *_lock 字段,操作后用返回的最新详情刷新。
|
||||||
* 3. 后端没有「修改表头」接口,保存成功或编辑进入后表头变为只读,并默认收起,仅可扫码维护细码。
|
* 3. 后端没有「修改表头」接口,保存成功或编辑进入后表头变为只读,仅可扫码维护细码。
|
||||||
*/
|
*/
|
||||||
import util from '@/common/util';
|
import util from '@/common/util';
|
||||||
import scanMixin from '@/common/scanMixin.js';
|
import scanMixin from '@/common/scanMixin.js';
|
||||||
|
import remoteSelectMixin from '@/common/remoteSelectMixin.js';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
import { initTts, speak } from '@/common/tts.js';
|
||||||
import {
|
import {
|
||||||
AUDIT_STATUS_MAP,
|
AUDIT_STATUS_MAP,
|
||||||
BILL_TYPES,
|
BILL_TYPES,
|
||||||
BUSINESS_UNIT_TYPE_DYEING_FACTORY,
|
BUSINESS_UNIT_TYPE_DYE_FACTORY,
|
||||||
normalizeOrder,
|
normalizeOrder,
|
||||||
mapToSelectOptions,
|
mapToSelectOptions,
|
||||||
getFineCodeScanCode,
|
getFineCodeScanCode,
|
||||||
@@ -22,7 +25,6 @@ import {
|
|||||||
getFormStatusActionButtons,
|
getFormStatusActionButtons,
|
||||||
orderToFormFields,
|
orderToFormFields,
|
||||||
confirmOrderStatusAction,
|
confirmOrderStatusAction,
|
||||||
STATUS_ACTION_VOICE,
|
|
||||||
DRAFT_AUDIT_STATUS,
|
DRAFT_AUDIT_STATUS,
|
||||||
DRAFT_AUDIT_STATUS_NAME,
|
DRAFT_AUDIT_STATUS_NAME,
|
||||||
getEmptyScanDetail,
|
getEmptyScanDetail,
|
||||||
@@ -32,18 +34,17 @@ import {
|
|||||||
buildScanUpdateParams,
|
buildScanUpdateParams,
|
||||||
getOrderDisplayWeight,
|
getOrderDisplayWeight,
|
||||||
getFineCodeDisplayWeight,
|
getFineCodeDisplayWeight,
|
||||||
|
resolveScanMismatchVoice,
|
||||||
} from '@/common/storeFabricBusinessOut';
|
} from '@/common/storeFabricBusinessOut';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
mixins: [scanMixin],
|
mixins: [scanMixin, remoteSelectMixin],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
pageMode: 'add',
|
pageMode: 'add',
|
||||||
orderId: 0,
|
orderId: 0,
|
||||||
form: this.getEmptyForm(),
|
form: this.getEmptyForm(),
|
||||||
headerSaved: false,
|
headerSaved: false,
|
||||||
// 新增未保存时展开表头;保存后及编辑进入时收起
|
|
||||||
headerExpanded: true,
|
|
||||||
selectShow: false,
|
selectShow: false,
|
||||||
selectList: [],
|
selectList: [],
|
||||||
selectType: '',
|
selectType: '',
|
||||||
@@ -64,7 +65,6 @@ export default {
|
|||||||
auditStatus: 0,
|
auditStatus: 0,
|
||||||
businessUnitOptions: [],
|
businessUnitOptions: [],
|
||||||
dropdownLoading: false,
|
dropdownLoading: false,
|
||||||
phoneScanPanelOpen: false,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -78,14 +78,6 @@ export default {
|
|||||||
headerEditable() {
|
headerEditable() {
|
||||||
return this.pageMode === 'add' && !this.headerSaved;
|
return this.pageMode === 'add' && !this.headerSaved;
|
||||||
},
|
},
|
||||||
/** 已保存或编辑页才提供收起/展开 */
|
|
||||||
showHeaderToggle() {
|
|
||||||
return this.pageMode === 'edit' || this.headerSaved;
|
|
||||||
},
|
|
||||||
/** 未保存只填表头;保存后才出现扫码区与汇总表 */
|
|
||||||
showScanSection() {
|
|
||||||
return this.headerSaved;
|
|
||||||
},
|
|
||||||
dateLabel() {
|
dateLabel() {
|
||||||
return '出货日期';
|
return '出货日期';
|
||||||
},
|
},
|
||||||
@@ -104,6 +96,7 @@ export default {
|
|||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.isPageActive = true;
|
this.isPageActive = true;
|
||||||
|
initTts();
|
||||||
if (this.canScan && this.isEditable) {
|
if (this.canScan && this.isEditable) {
|
||||||
this.registerScanBroadcast((scanResult) => {
|
this.registerScanBroadcast((scanResult) => {
|
||||||
this.QRBarCode = scanResult.trim().replace(/[\r\n]/g, '');
|
this.QRBarCode = scanResult.trim().replace(/[\r\n]/g, '');
|
||||||
@@ -113,28 +106,15 @@ export default {
|
|||||||
},
|
},
|
||||||
onHide() {
|
onHide() {
|
||||||
this.isPageActive = false;
|
this.isPageActive = false;
|
||||||
this.closePhoneScanPanel();
|
|
||||||
this.unregisterScanBroadcast();
|
this.unregisterScanBroadcast();
|
||||||
},
|
},
|
||||||
onUnload() {
|
onUnload() {
|
||||||
this.isPageActive = false;
|
this.isPageActive = false;
|
||||||
this.closePhoneScanPanel();
|
|
||||||
this.unregisterScanBroadcast();
|
this.unregisterScanBroadcast();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handlePhoneScan() {
|
handlePhoneScan() {
|
||||||
if (!this.canScan) {
|
this.openPhoneScan();
|
||||||
this.showError('请先提交保存后再扫码');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.phoneScanPanelOpen = !this.phoneScanPanelOpen;
|
|
||||||
},
|
|
||||||
closePhoneScanPanel() {
|
|
||||||
this.phoneScanPanelOpen = false;
|
|
||||||
},
|
|
||||||
onPlusBarcodeSuccess(scanResult) {
|
|
||||||
this.QRBarCode = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
|
||||||
return this.handleScan();
|
|
||||||
},
|
},
|
||||||
registerOrderScanBroadcast() {
|
registerOrderScanBroadcast() {
|
||||||
this.registerScanBroadcast((scanResult) => {
|
this.registerScanBroadcast((scanResult) => {
|
||||||
@@ -146,7 +126,6 @@ export default {
|
|||||||
const nextCanScan = this.isEditable && canScanAtStatus(status);
|
const nextCanScan = this.isEditable && canScanAtStatus(status);
|
||||||
if (this.canScan && !nextCanScan) {
|
if (this.canScan && !nextCanScan) {
|
||||||
this.unregisterScanBroadcast();
|
this.unregisterScanBroadcast();
|
||||||
this.closePhoneScanPanel();
|
|
||||||
}
|
}
|
||||||
this.canScan = nextCanScan;
|
this.canScan = nextCanScan;
|
||||||
},
|
},
|
||||||
@@ -162,12 +141,21 @@ export default {
|
|||||||
},
|
},
|
||||||
ensureBusinessUnitOptions() {
|
ensureBusinessUnitOptions() {
|
||||||
if (this.businessUnitOptions.length) return Promise.resolve(this.businessUnitOptions);
|
if (this.businessUnitOptions.length) return Promise.resolve(this.businessUnitOptions);
|
||||||
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_DYEING_FACTORY })
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_DYE_FACTORY })
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.businessUnitOptions = mapToSelectOptions(res);
|
this.businessUnitOptions = mapToSelectOptions(res);
|
||||||
return this.businessUnitOptions;
|
return this.businessUnitOptions;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
fetchRemoteSelectOptions(type, keyword) {
|
||||||
|
if (type !== '染厂') return Promise.resolve([]);
|
||||||
|
return this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_DYE_FACTORY }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (!String(keyword || '').trim()) this.businessUnitOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
},
|
||||||
getEmptyForm() {
|
getEmptyForm() {
|
||||||
return {
|
return {
|
||||||
order_no: '',
|
order_no: '',
|
||||||
@@ -176,13 +164,8 @@ export default {
|
|||||||
delivery_time: this.$u.timeFormat(new Date(), 'yyyy-mm-dd'),
|
delivery_time: this.$u.timeFormat(new Date(), 'yyyy-mm-dd'),
|
||||||
remark: '',
|
remark: '',
|
||||||
item_data: [],
|
item_data: [],
|
||||||
summary_rows: [],
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
toggleHeader() {
|
|
||||||
if (!this.showHeaderToggle) return;
|
|
||||||
this.headerExpanded = !this.headerExpanded;
|
|
||||||
},
|
|
||||||
loadOrder(id, options = {}) {
|
loadOrder(id, options = {}) {
|
||||||
const { rejectIfLocked = false } = options;
|
const { rejectIfLocked = false } = options;
|
||||||
return this.$u.api.gfmOtherDeliveryOrder.detail({ id })
|
return this.$u.api.gfmOtherDeliveryOrder.detail({ id })
|
||||||
@@ -213,31 +196,23 @@ export default {
|
|||||||
},
|
},
|
||||||
pickerSelectFun(type) {
|
pickerSelectFun(type) {
|
||||||
if (!this.headerEditable) return;
|
if (!this.headerEditable) return;
|
||||||
this.selectType = type;
|
if (type === '染厂') {
|
||||||
const openPicker = (list) => {
|
this.openSelectPicker(type, this.businessUnitOptions);
|
||||||
if (!list.length) {
|
return;
|
||||||
this.showError('暂无可选数据');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.selectList = list;
|
|
||||||
this.selectShow = true;
|
|
||||||
};
|
|
||||||
if (type === '接收单位') {
|
|
||||||
this.ensureBusinessUnitOptions()
|
|
||||||
.then(openPicker)
|
|
||||||
.catch((e) => this.showError(e.message || '加载单位列表失败'));
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
selectConfirmFun(item) {
|
selectConfirmFun(e) {
|
||||||
if (!item || this.selectType !== '接收单位') return;
|
const item = e[0];
|
||||||
this.form.business_unit_id = item.value;
|
if (this.selectType === '染厂') {
|
||||||
this.form.business_unit_name = item.label;
|
this.form.business_unit_id = item.value;
|
||||||
|
this.form.business_unit_name = item.label;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
bindDateChange(e) {
|
bindDateChange(e) {
|
||||||
this.form.delivery_time = e.detail.value;
|
this.form.delivery_time = e.detail.value;
|
||||||
},
|
},
|
||||||
validateForm() {
|
validateForm() {
|
||||||
if (!this.form.business_unit_id) return '请选择接收单位';
|
if (!this.form.business_unit_id) return '请选择染厂';
|
||||||
if (!this.form.delivery_time) return '请选择出货日期';
|
if (!this.form.delivery_time) return '请选择出货日期';
|
||||||
return '';
|
return '';
|
||||||
},
|
},
|
||||||
@@ -272,9 +247,8 @@ export default {
|
|||||||
const order = normalizeOrder(detail);
|
const order = normalizeOrder(detail);
|
||||||
this.applyOrder(order);
|
this.applyOrder(order);
|
||||||
this.headerSaved = true;
|
this.headerSaved = true;
|
||||||
this.headerExpanded = false;
|
|
||||||
this.syncCanScanFromStatus(order.audit_status);
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
this.showSuccess('保存成功,可以扫码', '提交成功');
|
this.showSuccess('保存成功,可以扫码');
|
||||||
this.registerOrderScanBroadcast();
|
this.registerOrderScanBroadcast();
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
@@ -329,14 +303,14 @@ export default {
|
|||||||
if (!this.canScan || !this.orderId) {
|
if (!this.canScan || !this.orderId) {
|
||||||
this.showError('请先提交保存后再扫码');
|
this.showError('请先提交保存后再扫码');
|
||||||
this.QRBarCode = '';
|
this.QRBarCode = '';
|
||||||
return Promise.resolve();
|
return;
|
||||||
}
|
}
|
||||||
if (!code) {
|
if (!code) {
|
||||||
this.QRBarCode = '';
|
this.QRBarCode = '';
|
||||||
return Promise.resolve();
|
return;
|
||||||
}
|
}
|
||||||
const scanType = this.BarCodeDelStatus ? 2 : 1;
|
const scanType = this.BarCodeDelStatus ? 2 : 1;
|
||||||
return this.doScanUpdate(code, scanType);
|
this.doScanUpdate(code, scanType);
|
||||||
},
|
},
|
||||||
BarCodeDelChange(e) {
|
BarCodeDelChange(e) {
|
||||||
this.BarCodeDelStatus = (e.detail.value || []).length > 0;
|
this.BarCodeDelStatus = (e.detail.value || []).length > 0;
|
||||||
@@ -356,22 +330,27 @@ export default {
|
|||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
const order = normalizeOrder(detail);
|
const order = normalizeOrder(detail);
|
||||||
this.form.item_data = order.item_data;
|
this.form.item_data = order.item_data;
|
||||||
this.form.summary_rows = order.summary_rows || [];
|
|
||||||
this.auditStatus = order.audit_status;
|
this.auditStatus = order.audit_status;
|
||||||
this.applyScanDetail(scanCode, order, scanType);
|
this.applyScanDetail(scanCode, order, scanType);
|
||||||
if (refreshFineCodes) {
|
if (refreshFineCodes) {
|
||||||
const rows = order.summary_rows || [];
|
const row = order.item_data.find((i) => (i.group_key || String(i.id)) === this.currentGroupKey);
|
||||||
const row = rows.find((i) => i.group_key === this.currentGroupKey);
|
this.currentFineCodes = row ? [...row.fine_codes] : [];
|
||||||
this.currentFineCodes = row ? [...(row.fine_codes || [])] : [];
|
|
||||||
}
|
}
|
||||||
this.BillDataMessage = scanType === 2 ? '删除成功' : '扫码出仓成功';
|
this.BillDataMessage = scanType === 2 ? '删除成功' : '扫描成功';
|
||||||
this.QRBarCode = '';
|
this.QRBarCode = '';
|
||||||
if (scanType === 2) this.showSuccess('删除成功', '删除成功');
|
if (scanType === 2) {
|
||||||
else util.playSpeak('扫码出仓成功');
|
speak('已删除出仓');
|
||||||
|
uni.showToast({ title: '删除成功', icon: 'success' });
|
||||||
|
} else {
|
||||||
|
speak('成功');
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
this.showError(e.message || (scanType === 2 ? '删除失败' : '扫码失败'));
|
const message = e.message || (scanType === 2 ? '删除失败' : '扫码失败');
|
||||||
|
const mismatchVoice = resolveScanMismatchVoice(message);
|
||||||
|
if (mismatchVoice) speak(mismatchVoice);
|
||||||
|
this.showError(message, { skipErrorAudio: !!mismatchVoice });
|
||||||
this.QRBarCode = '';
|
this.QRBarCode = '';
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -384,15 +363,6 @@ export default {
|
|||||||
this.currentFineCodes = [...(row.fine_codes || [])];
|
this.currentFineCodes = [...(row.fine_codes || [])];
|
||||||
this.fineCodeShow = true;
|
this.fineCodeShow = true;
|
||||||
},
|
},
|
||||||
onSummaryCellClick(event) {
|
|
||||||
const row = event && event.lineData;
|
|
||||||
if (!row) return;
|
|
||||||
if (event.key === 'grey_fabric_code' || event.key === 'grey_fabric_name') {
|
|
||||||
this.openFabricInfo(row);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.openFineCode(row);
|
|
||||||
},
|
|
||||||
onDeleteFineCode(fineCode) {
|
onDeleteFineCode(fineCode) {
|
||||||
if (this.isReadonly || !this.canScan) return;
|
if (this.isReadonly || !this.canScan) return;
|
||||||
const scanCode = getFineCodeScanCode(fineCode);
|
const scanCode = getFineCodeScanCode(fineCode);
|
||||||
@@ -420,18 +390,16 @@ export default {
|
|||||||
if (!order) return;
|
if (!order) return;
|
||||||
this.applyOrder(order);
|
this.applyOrder(order);
|
||||||
this.syncCanScanFromStatus(order.audit_status);
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
const voice = STATUS_ACTION_VOICE[action] || '';
|
this.showSuccess('操作成功');
|
||||||
this.showSuccess(voice || '操作成功', voice);
|
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
showError(message) {
|
showError(message, options = {}) {
|
||||||
util.playErrorAudio();
|
if (!options.skipErrorAudio) util.playErrorAudio();
|
||||||
uni.showModal({ title: '提示', content: message, showCancel: false });
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
},
|
},
|
||||||
showSuccess(message, speakText) {
|
showSuccess(message) {
|
||||||
if (speakText) util.playSpeak(speakText);
|
util.playSuccessAudio();
|
||||||
else util.playSuccessAudio();
|
|
||||||
uni.showToast({ title: message, icon: 'success' });
|
uni.showToast({ title: message, icon: 'success' });
|
||||||
},
|
},
|
||||||
getBillTypeName() {
|
getBillTypeName() {
|
||||||
|
|||||||
@@ -6,66 +6,8 @@
|
|||||||
.fabric-out-mt32 {
|
.fabric-out-mt32 {
|
||||||
margin-top: 32rpx;
|
margin-top: 32rpx;
|
||||||
}
|
}
|
||||||
.fabric-out-headerBar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
min-height: 100rpx;
|
|
||||||
padding: 16rpx 26rpx;
|
|
||||||
background: #fff;
|
|
||||||
border-bottom: 1rpx solid #f5f5f5;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.fabric-out-headerBarMain {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
min-width: 0;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
.fabric-out-headerBarTitle {
|
|
||||||
font-size: 40rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
.fabric-out-headerBarSub {
|
|
||||||
margin-left: 16rpx;
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #666;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.fabric-out-headerBarAction {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-shrink: 0;
|
|
||||||
margin-left: 16rpx;
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #2979ff;
|
|
||||||
}
|
|
||||||
.fabric-out-headerBarIcon {
|
|
||||||
margin-left: 8rpx;
|
|
||||||
}
|
|
||||||
.fabric-out-page .flex-white-plr26,
|
|
||||||
.fabric-out-page .flex-white-plr26-column,
|
|
||||||
.fabric-out-page .flex-white-plr26 text,
|
|
||||||
.fabric-out-page .flex-white-plr26 view,
|
|
||||||
.fabric-out-page .u-input__input,
|
|
||||||
.fabric-out-page .uni-input-input,
|
|
||||||
.fabric-out-page .uni-textarea-textarea {
|
|
||||||
font-size: 40rpx;
|
|
||||||
}
|
|
||||||
.fabric-out-page .redXingh {
|
|
||||||
font-size: 40rpx;
|
|
||||||
}
|
|
||||||
.fabric-out-page .u-btn {
|
|
||||||
font-size: 36rpx !important;
|
|
||||||
height: 88rpx;
|
|
||||||
line-height: 88rpx;
|
|
||||||
}
|
|
||||||
.fabric-out-sectionTitle {
|
.fabric-out-sectionTitle {
|
||||||
font-size: 42rpx;
|
font-size: 32rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 24rpx 26rpx 12rpx;
|
padding: 24rpx 26rpx 12rpx;
|
||||||
border-left: 6rpx solid #007AFF;
|
border-left: 6rpx solid #007AFF;
|
||||||
@@ -74,7 +16,7 @@
|
|||||||
.fabric-out-scanTip {
|
.fabric-out-scanTip {
|
||||||
padding: 20rpx 26rpx;
|
padding: 20rpx 26rpx;
|
||||||
color: #fa8c16;
|
color: #fa8c16;
|
||||||
font-size: 36rpx;
|
font-size: 28rpx;
|
||||||
background: #fff7e6;
|
background: #fff7e6;
|
||||||
margin: 16rpx 26rpx;
|
margin: 16rpx 26rpx;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
@@ -82,7 +24,7 @@
|
|||||||
.fabric-out-msgTip {
|
.fabric-out-msgTip {
|
||||||
padding: 12rpx 26rpx;
|
padding: 12rpx 26rpx;
|
||||||
color: #52c41a;
|
color: #52c41a;
|
||||||
font-size: 36rpx;
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
.fabric-out-detailList {
|
.fabric-out-detailList {
|
||||||
padding: 0 26rpx;
|
padding: 0 26rpx;
|
||||||
@@ -97,7 +39,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 38rpx;
|
font-size: 30rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding-bottom: 12rpx;
|
padding-bottom: 12rpx;
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
@@ -107,7 +49,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 20rpx;
|
gap: 20rpx;
|
||||||
padding-top: 12rpx;
|
padding-top: 12rpx;
|
||||||
font-size: 36rpx;
|
font-size: 28rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
.fabric-out-scanRow {
|
.fabric-out-scanRow {
|
||||||
@@ -124,7 +66,7 @@
|
|||||||
.fabric-out-delCheck {
|
.fabric-out-delCheck {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 36rpx;
|
font-size: 28rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@@ -140,7 +82,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 16rpx 20rpx;
|
padding: 16rpx 20rpx;
|
||||||
border-bottom: 1rpx solid #f0f0f0;
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
font-size: 36rpx;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.fabric-out-scanDetailRow--2col {
|
.fabric-out-scanDetailRow--2col {
|
||||||
@@ -166,6 +108,34 @@
|
|||||||
color: #333;
|
color: #333;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
.fabric-out-scanDetailTableScroll {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.fabric-out-scanDetailTable {
|
||||||
|
min-width: 100%;
|
||||||
|
}
|
||||||
|
.fabric-out-scanDetailTableRow {
|
||||||
|
display: flex;
|
||||||
|
border-bottom: 1rpx solid #f0f0f0;
|
||||||
|
}
|
||||||
|
.fabric-out-scanDetailTableHead {
|
||||||
|
background: #f5f5f5;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.fabric-out-scanDetailTableCell {
|
||||||
|
padding: 16rpx 10rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.fabric-out-scanDetailEmpty {
|
||||||
|
padding: 24rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
.fabric-out-submitView {
|
.fabric-out-submitView {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 16rpx 26rpx 26rpx;
|
padding: 16rpx 26rpx 26rpx;
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<text>{{ billTypeName }}</text>
|
<text>{{ billTypeName }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
<text class="mr26">接收单位</text><text>{{ order.business_unit_name }}</text>
|
<text class="mr26">染厂</text><text>{{ order.business_unit_name }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-white-plr26 ptb20 bdb_f5">
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
<text class="mr26">出货日期</text><text>{{ formatTime(order.delivery_time) }}</text>
|
<text class="mr26">出货日期</text><text>{{ formatTime(order.delivery_time) }}</text>
|
||||||
@@ -53,7 +53,6 @@ import {
|
|||||||
getViewStatusActionButtons,
|
getViewStatusActionButtons,
|
||||||
confirmOrderStatusAction,
|
confirmOrderStatusAction,
|
||||||
formatDisplayTime,
|
formatDisplayTime,
|
||||||
STATUS_ACTION_VOICE,
|
|
||||||
} from '@/common/storeFabricBusinessOut';
|
} from '@/common/storeFabricBusinessOut';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@@ -124,10 +123,8 @@ export default {
|
|||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
const order = normalizeOrder(res);
|
const order = normalizeOrder(res);
|
||||||
if (order) this.order = order;
|
if (order) this.order = order;
|
||||||
const voice = STATUS_ACTION_VOICE[action] || '';
|
util.playSuccessAudio();
|
||||||
if (voice) util.playSpeak(voice);
|
uni.showToast({ title: '操作成功', icon: 'success' });
|
||||||
else util.playSuccessAudio();
|
|
||||||
uni.showToast({ title: voice || '操作成功', icon: 'success' });
|
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,691 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view class="manual-in">
|
|
||||||
<common-navbar title="手动进仓">
|
|
||||||
<template #right>
|
|
||||||
<view class="manual-in__setting" @click="navToSetting">
|
|
||||||
<u-icon name="setting" color="#333333" size="34"></u-icon>
|
|
||||||
<text>设置</text>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
</common-navbar>
|
|
||||||
|
|
||||||
<PlusBarcodePanel
|
|
||||||
ref="plusBarcodePanel"
|
|
||||||
:visible.sync="phoneScanPanelOpen"
|
|
||||||
hint-text="先扫描布票,再填写信息后确认进仓"
|
|
||||||
:scan-time-space="1200"
|
|
||||||
@success="onPlusBarcodeSuccess"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<view class="manual-in__scan">
|
|
||||||
<input
|
|
||||||
class="manual-in__scan-input"
|
|
||||||
type="text"
|
|
||||||
confirm-type="done"
|
|
||||||
:confirm-hold="true"
|
|
||||||
:focus="scanFocus"
|
|
||||||
v-model="scanCode"
|
|
||||||
placeholder="请先扫描布票编码"
|
|
||||||
placeholder-class="manual-in__placeholder"
|
|
||||||
@confirm="onScanConfirm"
|
|
||||||
/>
|
|
||||||
<view
|
|
||||||
v-if="scanCode"
|
|
||||||
class="manual-in__scan-icon"
|
|
||||||
@click.stop="clearScanCode"
|
|
||||||
>
|
|
||||||
<u-icon name="close-circle-fill" size="44" color="#bfbfbf" />
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
v-if="phoneScanPanelOpen"
|
|
||||||
class="manual-in__scan-close"
|
|
||||||
@click.stop="handlePhoneScan"
|
|
||||||
>
|
|
||||||
关闭扫码
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
v-else
|
|
||||||
class="manual-in__scan-icon"
|
|
||||||
@click.stop="handlePhoneScan"
|
|
||||||
>
|
|
||||||
<u-icon name="scan" size="44" color="#595959" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="manual-in__panel">
|
|
||||||
<view class="manual-in__row">
|
|
||||||
<text class="manual-in__label">布票编码</text>
|
|
||||||
<text class="manual-in__value">{{ detail.fabric_piece_code || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row">
|
|
||||||
<text class="manual-in__label">生产单号</text>
|
|
||||||
<text class="manual-in__value">{{ detail.production_order_no || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row">
|
|
||||||
<text class="manual-in__label">机台</text>
|
|
||||||
<text class="manual-in__value">{{ detail.machine_number || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row">
|
|
||||||
<text class="manual-in__label">布种名称</text>
|
|
||||||
<text class="manual-in__value">{{ detail.grey_fabric_name || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row">
|
|
||||||
<text class="manual-in__label">坯布编号</text>
|
|
||||||
<text class="manual-in__value">{{ detail.grey_fabric_code || '-' }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row">
|
|
||||||
<text class="manual-in__label">卷号</text>
|
|
||||||
<text class="manual-in__value">{{ detail.volume_number != null && detail.volume_number !== '' ? detail.volume_number : '-' }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="manual-in__panel manual-in__panel--form">
|
|
||||||
<view class="manual-in__row manual-in__row--input" @click="openInspectorPicker">
|
|
||||||
<text class="manual-in__label">查布工</text>
|
|
||||||
<view class="manual-in__right">
|
|
||||||
<text :class="detail.inspector_name ? 'manual-in__field-text' : 'manual-in__placeholder'">
|
|
||||||
{{ detail.inspector_name || '请选择查布工' }}
|
|
||||||
</text>
|
|
||||||
<text class="manual-in__action" @click.stop="clearInspector">取消</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row manual-in__row--input">
|
|
||||||
<text class="manual-in__label">重量</text>
|
|
||||||
<view class="manual-in__right">
|
|
||||||
<input
|
|
||||||
class="manual-in__field"
|
|
||||||
type="digit"
|
|
||||||
v-model="weightKg"
|
|
||||||
placeholder="请输入"
|
|
||||||
placeholder-class="manual-in__placeholder"
|
|
||||||
/>
|
|
||||||
<text class="manual-in__unit">KG</text>
|
|
||||||
<text class="manual-in__action" @click="clearWeight">取消</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row manual-in__row--input" @click="openLevelPicker">
|
|
||||||
<text class="manual-in__label">等级</text>
|
|
||||||
<view class="manual-in__right">
|
|
||||||
<text :class="levelDisplayName ? 'manual-in__field-text' : 'manual-in__placeholder'">
|
|
||||||
{{ levelDisplayName || '请选择等级' }}
|
|
||||||
</text>
|
|
||||||
<text class="manual-in__action" @click.stop="clearLevel">取消</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="manual-in__row manual-in__row--input">
|
|
||||||
<text class="manual-in__label">存放仓位</text>
|
|
||||||
<view class="manual-in__right">
|
|
||||||
<input
|
|
||||||
class="manual-in__field"
|
|
||||||
type="text"
|
|
||||||
v-model="warehouseBinName"
|
|
||||||
placeholder="/"
|
|
||||||
placeholder-class="manual-in__placeholder"
|
|
||||||
/>
|
|
||||||
<text class="manual-in__action" @click="editWarehouseBin">修改</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="manual-in__footer">
|
|
||||||
<u-button
|
|
||||||
type="primary"
|
|
||||||
:loading="submitting"
|
|
||||||
:disabled="submitting || loadingDetail"
|
|
||||||
@click="submitInWarehouse"
|
|
||||||
>
|
|
||||||
确认进仓
|
|
||||||
</u-button>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<SearchSelectPopup
|
|
||||||
:show.sync="levelPickerShow"
|
|
||||||
title="选择等级"
|
|
||||||
placeholder="请输入等级名称"
|
|
||||||
:list="levelOptions"
|
|
||||||
multiple
|
|
||||||
:selected="detail.grey_fabric_level_id"
|
|
||||||
@confirm="onLevelConfirm"
|
|
||||||
/>
|
|
||||||
<SearchSelectPopup
|
|
||||||
:show.sync="inspectorPickerShow"
|
|
||||||
title="选择查布工"
|
|
||||||
placeholder="请输入查布工姓名"
|
|
||||||
:list="inspectorOptions"
|
|
||||||
@confirm="onInspectorConfirm"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import CommonNavbar from '@/components/common-navbar/index';
|
|
||||||
import SearchSelectPopup from '@/components/storefabric/SearchSelectPopup.vue';
|
|
||||||
import PlusBarcodePanel from '@/components/common/PlusBarcodePanel.vue';
|
|
||||||
import scanMixin from '@/common/scanMixin.js';
|
|
||||||
import util from '@/common/util.js';
|
|
||||||
import { formatWeightKg } from '@/common/storeFabricBusinessOut.js';
|
|
||||||
|
|
||||||
// 坯布等级字典 id(与后台字典配置一致)
|
|
||||||
const DICTIONARY_TYPE_GREY_FABRIC_LEVEL = 10025;
|
|
||||||
// 查布工岗位 duty(验布/查布相关)
|
|
||||||
const INSPECTOR_DUTY = '20004,20011';
|
|
||||||
const WEIGHT_SCALE = 10000;
|
|
||||||
|
|
||||||
function emptyDetail() {
|
|
||||||
return {
|
|
||||||
fabric_piece_code: '',
|
|
||||||
production_order_no: '',
|
|
||||||
machine_number: '',
|
|
||||||
grey_fabric_name: '',
|
|
||||||
grey_fabric_code: '',
|
|
||||||
inspection_weight: null,
|
|
||||||
grey_fabric_level_id: [],
|
|
||||||
grey_fabric_level_name: '',
|
|
||||||
inspector_id: null,
|
|
||||||
inspector_name: '',
|
|
||||||
volume_number: '',
|
|
||||||
grey_fabric_id: '',
|
|
||||||
id: '',
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function toWeightInt(kg) {
|
|
||||||
const raw = String(kg == null ? '' : kg).trim();
|
|
||||||
if (!raw) return null;
|
|
||||||
const n = Number(raw);
|
|
||||||
if (!Number.isFinite(n) || n <= 0) return null;
|
|
||||||
return Math.round(n * WEIGHT_SCALE);
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatDisplayWeightKg(value) {
|
|
||||||
if (value == null || value === '') return '';
|
|
||||||
const n = Number(value);
|
|
||||||
if (!Number.isFinite(n) || n <= 0) return '';
|
|
||||||
return String(formatWeightKg(n));
|
|
||||||
}
|
|
||||||
|
|
||||||
function normalizeLevelIds(value) {
|
|
||||||
if (Array.isArray(value)) {
|
|
||||||
return value.map((item) => Number(item)).filter((item) => Number.isFinite(item));
|
|
||||||
}
|
|
||||||
if (value == null || value === '') return [];
|
|
||||||
const n = Number(value);
|
|
||||||
return Number.isFinite(n) ? [n] : [];
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: { CommonNavbar, SearchSelectPopup, PlusBarcodePanel },
|
|
||||||
mixins: [scanMixin],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
scanCode: '',
|
|
||||||
scanFocus: true,
|
|
||||||
submitting: false,
|
|
||||||
loadingDetail: false,
|
|
||||||
warehouseBinId: null,
|
|
||||||
warehouseBinName: '',
|
|
||||||
weightKg: '',
|
|
||||||
detail: emptyDetail(),
|
|
||||||
levelPickerShow: false,
|
|
||||||
levelOptions: [],
|
|
||||||
levelOptionsLoaded: false,
|
|
||||||
inspectorPickerShow: false,
|
|
||||||
inspectorOptions: [],
|
|
||||||
inspectorOptionsLoaded: false,
|
|
||||||
phoneScanPanelOpen: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
levelDisplayName() {
|
|
||||||
if (this.detail.grey_fabric_level_name) return this.detail.grey_fabric_level_name;
|
|
||||||
const ids = normalizeLevelIds(this.detail.grey_fabric_level_id);
|
|
||||||
if (!ids.length) return '';
|
|
||||||
const nameMap = {};
|
|
||||||
this.levelOptions.forEach((item) => {
|
|
||||||
nameMap[String(item.value)] = item.label;
|
|
||||||
});
|
|
||||||
return ids.map((id) => nameMap[String(id)]).filter(Boolean).join('、');
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
this.registerScanBroadcast(this.handleScanCode);
|
|
||||||
this.loadLevelOptions();
|
|
||||||
this.loadInspectorOptions();
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
this.isPageActive = true;
|
|
||||||
this.refocusScanInput(50);
|
|
||||||
},
|
|
||||||
onHide() {
|
|
||||||
this.isPageActive = false;
|
|
||||||
this.closePhoneScanPanel();
|
|
||||||
},
|
|
||||||
onUnload() {
|
|
||||||
this.isPageActive = false;
|
|
||||||
this.closePhoneScanPanel();
|
|
||||||
clearTimeout(this._scanFocusTimer);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
refocusScanInput(delay = 120) {
|
|
||||||
clearTimeout(this._scanFocusTimer);
|
|
||||||
this.scanFocus = false;
|
|
||||||
this._scanFocusTimer = setTimeout(() => {
|
|
||||||
this.scanFocus = true;
|
|
||||||
}, delay);
|
|
||||||
},
|
|
||||||
closePhoneScanPanel() {
|
|
||||||
this.phoneScanPanelOpen = false;
|
|
||||||
},
|
|
||||||
onPlusBarcodeSuccess(scanResult) {
|
|
||||||
return this.handleScanCode(scanResult);
|
|
||||||
},
|
|
||||||
navToSetting() {
|
|
||||||
uni.navigateTo({ url: '/pages/sys/user/scan-settings' });
|
|
||||||
},
|
|
||||||
clearWeight() {
|
|
||||||
this.weightKg = '';
|
|
||||||
this.detail.inspection_weight = null;
|
|
||||||
},
|
|
||||||
clearLevel() {
|
|
||||||
this.detail.grey_fabric_level_id = [];
|
|
||||||
this.detail.grey_fabric_level_name = '';
|
|
||||||
},
|
|
||||||
clearInspector() {
|
|
||||||
this.detail.inspector_id = null;
|
|
||||||
this.detail.inspector_name = '';
|
|
||||||
},
|
|
||||||
editWarehouseBin() {
|
|
||||||
uni.showModal({
|
|
||||||
title: '存放仓位',
|
|
||||||
editable: true,
|
|
||||||
placeholderText: '请输入仓位名称',
|
|
||||||
content: this.warehouseBinName || '',
|
|
||||||
success: (res) => {
|
|
||||||
if (!res.confirm) return;
|
|
||||||
this.warehouseBinName = (res.content || '').trim();
|
|
||||||
this.warehouseBinId = null;
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async loadLevelOptions() {
|
|
||||||
try {
|
|
||||||
const res = await this.$u.api.dictionary.getDetailEnumList({
|
|
||||||
dictionary_id: DICTIONARY_TYPE_GREY_FABRIC_LEVEL,
|
|
||||||
status: 1,
|
|
||||||
size: 200,
|
|
||||||
});
|
|
||||||
const list = Array.isArray(res) ? res : (Array.isArray(res && res.list) ? res.list : []);
|
|
||||||
this.levelOptions = list
|
|
||||||
.map((item) => ({
|
|
||||||
value: item.id,
|
|
||||||
label: item.name || item.code || String(item.id),
|
|
||||||
}))
|
|
||||||
.filter((item) => item.value != null);
|
|
||||||
this.levelOptionsLoaded = true;
|
|
||||||
} catch (error) {
|
|
||||||
console.log('加载坯布等级枚举失败', error);
|
|
||||||
this.levelOptions = [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async openLevelPicker() {
|
|
||||||
if (!this.levelOptionsLoaded || !this.levelOptions.length) {
|
|
||||||
await this.loadLevelOptions();
|
|
||||||
}
|
|
||||||
if (!this.levelOptions.length) {
|
|
||||||
this.$u.toast('暂无等级可选,请检查等级字典配置');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.levelPickerShow = true;
|
|
||||||
},
|
|
||||||
onLevelConfirm(items) {
|
|
||||||
const list = Array.isArray(items) ? items : (items ? [items] : []);
|
|
||||||
this.detail.grey_fabric_level_id = list
|
|
||||||
.map((item) => Number(item.value))
|
|
||||||
.filter((item) => Number.isFinite(item));
|
|
||||||
this.detail.grey_fabric_level_name = list
|
|
||||||
.map((item) => item.label)
|
|
||||||
.filter(Boolean)
|
|
||||||
.join('、');
|
|
||||||
},
|
|
||||||
async loadInspectorOptions() {
|
|
||||||
try {
|
|
||||||
const res = await this.$u.api.employee.listEnum({
|
|
||||||
size: 50,
|
|
||||||
duty: INSPECTOR_DUTY,
|
|
||||||
});
|
|
||||||
const list = Array.isArray(res) ? res : (Array.isArray(res && res.list) ? res.list : []);
|
|
||||||
this.inspectorOptions = list
|
|
||||||
.map((item) => ({
|
|
||||||
value: item.id,
|
|
||||||
label: item.name || item.employee_name || item.real_name || item.code || String(item.id),
|
|
||||||
}))
|
|
||||||
.filter((item) => item.value != null);
|
|
||||||
this.inspectorOptionsLoaded = true;
|
|
||||||
} catch (error) {
|
|
||||||
console.log('加载查布工枚举失败', error);
|
|
||||||
this.inspectorOptions = [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async openInspectorPicker() {
|
|
||||||
if (!this.inspectorOptionsLoaded || !this.inspectorOptions.length) {
|
|
||||||
await this.loadInspectorOptions();
|
|
||||||
}
|
|
||||||
if (!this.inspectorOptions.length) {
|
|
||||||
this.$u.toast('暂无查布工可选');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.inspectorPickerShow = true;
|
|
||||||
},
|
|
||||||
onInspectorConfirm(item) {
|
|
||||||
if (!item) return;
|
|
||||||
this.detail.inspector_id = Number(item.value);
|
|
||||||
this.detail.inspector_name = item.label || '';
|
|
||||||
},
|
|
||||||
handleScanCode(scanResult) {
|
|
||||||
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
|
||||||
if (!code) return;
|
|
||||||
this.fetchScanDetail(code);
|
|
||||||
},
|
|
||||||
clearScanCode() {
|
|
||||||
this.scanCode = '';
|
|
||||||
this.refocusScanInput();
|
|
||||||
},
|
|
||||||
handlePhoneScan() {
|
|
||||||
this.phoneScanPanelOpen = !this.phoneScanPanelOpen;
|
|
||||||
},
|
|
||||||
onScanConfirm() {
|
|
||||||
const code = String(this.scanCode || '').trim();
|
|
||||||
if (!code) {
|
|
||||||
this.$u.toast('请扫描或输入布票编码');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.fetchScanDetail(code);
|
|
||||||
},
|
|
||||||
validateBeforeSubmit() {
|
|
||||||
const fabricPieceCode = String(this.detail.fabric_piece_code || this.scanCode || '').trim();
|
|
||||||
if (!fabricPieceCode) {
|
|
||||||
return '请先扫描或输入布票编码';
|
|
||||||
}
|
|
||||||
const inspectorName = String(this.detail.inspector_name || '').trim();
|
|
||||||
if (!inspectorName && (this.detail.inspector_id == null || this.detail.inspector_id === '')) {
|
|
||||||
return '请选择查布工';
|
|
||||||
}
|
|
||||||
if (toWeightInt(this.weightKg) == null) {
|
|
||||||
return '请输入有效重量';
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
},
|
|
||||||
async fetchScanDetail(code) {
|
|
||||||
if (this.loadingDetail || this.submitting) return;
|
|
||||||
this.loadingDetail = true;
|
|
||||||
this.scanCode = code;
|
|
||||||
try {
|
|
||||||
const res = await this.$u.api.productionScheduleOrder.getScanFineCodeDetail({
|
|
||||||
fabric_piece_code: code,
|
|
||||||
});
|
|
||||||
this.applyScanDetail(res, code);
|
|
||||||
} catch (error) {
|
|
||||||
console.log('扫码获取细码失败', error);
|
|
||||||
const kept = this.keepFormFields();
|
|
||||||
this.detail = {
|
|
||||||
...emptyDetail(),
|
|
||||||
fabric_piece_code: code,
|
|
||||||
...kept,
|
|
||||||
};
|
|
||||||
this.scanCode = '';
|
|
||||||
this.refocusScanInput(200);
|
|
||||||
} finally {
|
|
||||||
this.loadingDetail = false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
keepFormFields() {
|
|
||||||
return {
|
|
||||||
grey_fabric_level_id: normalizeLevelIds(this.detail.grey_fabric_level_id),
|
|
||||||
grey_fabric_level_name: this.detail.grey_fabric_level_name || '',
|
|
||||||
inspector_id: this.detail.inspector_id,
|
|
||||||
inspector_name: this.detail.inspector_name || '',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
applyScanDetail(res, fallbackCode) {
|
|
||||||
const data = res || {};
|
|
||||||
const kept = this.keepFormFields();
|
|
||||||
this.detail = {
|
|
||||||
...emptyDetail(),
|
|
||||||
fabric_piece_code: data.fabric_piece_code || fallbackCode || '',
|
|
||||||
production_order_no: data.production_order_no || '',
|
|
||||||
machine_number: data.machine_number || '',
|
|
||||||
grey_fabric_name: data.grey_fabric_name || '',
|
|
||||||
grey_fabric_code: data.grey_fabric_code || '',
|
|
||||||
inspection_weight: toWeightInt(this.weightKg),
|
|
||||||
volume_number: data.volume_number != null && data.volume_number !== '' ? data.volume_number : null,
|
|
||||||
...kept,
|
|
||||||
};
|
|
||||||
this.scanCode = this.detail.fabric_piece_code;
|
|
||||||
},
|
|
||||||
async submitInWarehouse() {
|
|
||||||
const err = this.validateBeforeSubmit();
|
|
||||||
if (err) {
|
|
||||||
this.$u.toast(err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const fabricPieceCode = String(this.detail.fabric_piece_code || this.scanCode || '').trim();
|
|
||||||
const actualWeight = toWeightInt(this.weightKg);
|
|
||||||
const levelIds = normalizeLevelIds(this.detail.grey_fabric_level_id);
|
|
||||||
if (this.submitting) return;
|
|
||||||
this.submitting = true;
|
|
||||||
try {
|
|
||||||
const payload = {
|
|
||||||
fabric_piece_code: fabricPieceCode,
|
|
||||||
actual_weight: actualWeight,
|
|
||||||
electronic_scale_weight: actualWeight,
|
|
||||||
};
|
|
||||||
if (levelIds.length) {
|
|
||||||
payload.grey_fabric_level_id = levelIds;
|
|
||||||
}
|
|
||||||
const inspectorName = String(this.detail.inspector_name || '').trim();
|
|
||||||
if (inspectorName) {
|
|
||||||
payload.inspector_name = inspectorName;
|
|
||||||
}
|
|
||||||
if (this.detail.inspector_id != null && this.detail.inspector_id !== '') {
|
|
||||||
payload.inspector_id = Number(this.detail.inspector_id);
|
|
||||||
}
|
|
||||||
const binName = String(this.warehouseBinName || '').trim();
|
|
||||||
if (binName && binName !== '/') {
|
|
||||||
payload.warehouse_bin_name = binName;
|
|
||||||
}
|
|
||||||
if (this.warehouseBinId != null && this.warehouseBinId !== '') {
|
|
||||||
payload.warehouse_bin_id = Number(this.warehouseBinId);
|
|
||||||
}
|
|
||||||
const res = await this.$u.api.productionScheduleOrder.scanInWarehouseFineCode(payload);
|
|
||||||
if (res) {
|
|
||||||
this.detail.volume_number = res.volume_number != null ? res.volume_number : this.detail.volume_number;
|
|
||||||
this.detail.grey_fabric_id = res.grey_fabric_id != null ? res.grey_fabric_id : this.detail.grey_fabric_id;
|
|
||||||
this.detail.id = res.id != null ? res.id : this.detail.id;
|
|
||||||
if (res.fabric_piece_code) {
|
|
||||||
this.detail.fabric_piece_code = res.fabric_piece_code;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const volumeText = res && res.volume_number != null ? `,卷号 ${res.volume_number}` : '';
|
|
||||||
util.playSpeak('进仓成功');
|
|
||||||
this.$u.toast(`进仓成功${volumeText}`);
|
|
||||||
this.resetForNextScan();
|
|
||||||
} catch (error) {
|
|
||||||
console.log('手动进仓失败', error);
|
|
||||||
this.scanCode = '';
|
|
||||||
this.refocusScanInput(200);
|
|
||||||
} finally {
|
|
||||||
this.submitting = false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
resetForNextScan() {
|
|
||||||
const kept = this.keepFormFields();
|
|
||||||
this.scanCode = '';
|
|
||||||
this.detail = {
|
|
||||||
...emptyDetail(),
|
|
||||||
...kept,
|
|
||||||
};
|
|
||||||
// toast 会抢焦点,稍后再聚焦,方便连续扫码
|
|
||||||
this.refocusScanInput(600);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
@import '@/common/pda-typography.scss';
|
|
||||||
|
|
||||||
.manual-in {
|
|
||||||
min-height: 100vh;
|
|
||||||
background: #f5f6f8;
|
|
||||||
padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__setting {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8rpx;
|
|
||||||
font-size: $pda-font-nav-sub;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__scan {
|
|
||||||
margin: 16rpx 0;
|
|
||||||
padding: 0 28rpx;
|
|
||||||
background: #fff;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 12rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__scan-input {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
height: $pda-scan-input-height;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__scan-icon {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 72rpx;
|
|
||||||
height: 72rpx;
|
|
||||||
flex-shrink: 0;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
border: 1rpx solid #d9d9d9;
|
|
||||||
background: #f7f7f7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__scan-close {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 72rpx;
|
|
||||||
padding: 0 16rpx;
|
|
||||||
flex-shrink: 0;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
border: 1rpx solid #2979ff;
|
|
||||||
background: #eaf2ff;
|
|
||||||
color: #2979ff;
|
|
||||||
font-size: $pda-font-action;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__placeholder {
|
|
||||||
color: #b0b4bb;
|
|
||||||
font-size: $pda-font-placeholder;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__panel {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__panel--form {
|
|
||||||
margin-top: 16rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__footer {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
padding: 20rpx 28rpx calc(20rpx + env(safe-area-inset-bottom));
|
|
||||||
background: #fff;
|
|
||||||
box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.06);
|
|
||||||
box-sizing: border-box;
|
|
||||||
z-index: 20;
|
|
||||||
|
|
||||||
::v-deep .u-btn {
|
|
||||||
height: $pda-button-height !important;
|
|
||||||
font-size: $pda-font-button !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__row {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
min-height: $pda-row-min-height;
|
|
||||||
padding: 12rpx 28rpx;
|
|
||||||
border-bottom: 1rpx solid #eceff3;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__row--input {
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__label {
|
|
||||||
width: $pda-label-width;
|
|
||||||
flex-shrink: 0;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__value {
|
|
||||||
flex: 1;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #202328;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__right {
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-end;
|
|
||||||
gap: 18rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__field {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
text-align: right;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #202328;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__field-text {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
text-align: right;
|
|
||||||
font-size: $pda-font-body;
|
|
||||||
color: #202328;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__unit {
|
|
||||||
font-size: $pda-font-unit;
|
|
||||||
color: #666;
|
|
||||||
padding: 6rpx 14rpx;
|
|
||||||
border: 1rpx solid #d7dbe3;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.manual-in__action {
|
|
||||||
font-size: $pda-font-action;
|
|
||||||
color: #2f78e6;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -186,15 +186,15 @@ page { background-color: #F8F8F8; }
|
|||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
}
|
}
|
||||||
.infoTitle {
|
.infoTitle {
|
||||||
font-size: 30rpx;
|
font-size: 32rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.infoRow {
|
.infoRow {
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 26rpx;
|
font-size: 28rpx;
|
||||||
padding: 8rpx 0;
|
padding: 10rpx 0;
|
||||||
}
|
}
|
||||||
.infoLabel {
|
.infoLabel {
|
||||||
width: 160rpx;
|
width: 160rpx;
|
||||||
@@ -208,8 +208,8 @@ page { background-color: #F8F8F8; }
|
|||||||
}
|
}
|
||||||
.summaryBar {
|
.summaryBar {
|
||||||
margin: 16rpx 24rpx 0;
|
margin: 16rpx 24rpx 0;
|
||||||
padding: 12rpx 16rpx;
|
padding: 14rpx 16rpx;
|
||||||
font-size: 26rpx;
|
font-size: 28rpx;
|
||||||
color: #666;
|
color: #666;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
@@ -241,8 +241,8 @@ page { background-color: #F8F8F8; }
|
|||||||
}
|
}
|
||||||
.tableCell {
|
.tableCell {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 12rpx 8rpx;
|
padding: 16rpx 10rpx;
|
||||||
font-size: 22rpx;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-right: 1rpx solid #e1e1e1;
|
border-right: 1rpx solid #e1e1e1;
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
<WarehouseDataTable
|
<WarehouseDataTable
|
||||||
:headers="tableHeaders"
|
:headers="tableHeaders"
|
||||||
:contents="tableContents"
|
:contents="tableContents"
|
||||||
height="auto"
|
:height="tableHeight"
|
||||||
@row-click="goStockList"
|
@row-click="goStockList"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
@@ -56,6 +56,7 @@ import {
|
|||||||
GROUP_TABLE_COLUMNS,
|
GROUP_TABLE_COLUMNS,
|
||||||
buildGroupListQuery,
|
buildGroupListQuery,
|
||||||
buildStockListNavigateQuery,
|
buildStockListNavigateQuery,
|
||||||
|
calcTableHeight,
|
||||||
fetchAllWarehouseList,
|
fetchAllWarehouseList,
|
||||||
mapGroupTableRow,
|
mapGroupTableRow,
|
||||||
sumStockTotals,
|
sumStockTotals,
|
||||||
@@ -84,6 +85,9 @@ export default {
|
|||||||
totals() {
|
totals() {
|
||||||
return sumStockTotals(this.list);
|
return sumStockTotals(this.list);
|
||||||
},
|
},
|
||||||
|
tableHeight() {
|
||||||
|
return calcTableHeight(this.tableContents.length);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
uni.setNavigationBarTitle({ title: '坯布库存' });
|
uni.setNavigationBarTitle({ title: '坯布库存' });
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
<WarehouseDataTable
|
<WarehouseDataTable
|
||||||
:headers="tableHeaders"
|
:headers="tableHeaders"
|
||||||
:contents="tableContents"
|
:contents="tableContents"
|
||||||
height="auto"
|
:height="tableHeight"
|
||||||
@row-click="goDetail"
|
@row-click="goDetail"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
@@ -50,6 +50,7 @@ import {
|
|||||||
STOCK_TABLE_COLUMNS,
|
STOCK_TABLE_COLUMNS,
|
||||||
buildDetailNavigateQuery,
|
buildDetailNavigateQuery,
|
||||||
buildStockListQuery,
|
buildStockListQuery,
|
||||||
|
calcTableHeight,
|
||||||
fetchAllWarehouseList,
|
fetchAllWarehouseList,
|
||||||
mapStockTableRow,
|
mapStockTableRow,
|
||||||
parsePageQuery,
|
parsePageQuery,
|
||||||
@@ -83,6 +84,9 @@ export default {
|
|||||||
totals() {
|
totals() {
|
||||||
return sumStockTotals(this.list);
|
return sumStockTotals(this.list);
|
||||||
},
|
},
|
||||||
|
tableHeight() {
|
||||||
|
return calcTableHeight(this.tableContents.length, { maxPx: 9999 });
|
||||||
|
},
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
const parsed = parsePageQuery(options || {});
|
const parsed = parsePageQuery(options || {});
|
||||||
|
|||||||
@@ -40,6 +40,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
@@ -113,6 +114,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
testFocus0: false,
|
testFocus0: false,
|
||||||
testFocus1: true,
|
testFocus1: true,
|
||||||
@@ -281,6 +283,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
||||||
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
||||||
|
|||||||
@@ -57,6 +57,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">本架盘前:{{BillSumOldRoll}}条</text>
|
<text class="title" style="width:200px;">本架盘前:{{BillSumOldRoll}}条</text>
|
||||||
@@ -146,6 +147,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
BillSumOldRoll: 0,
|
BillSumOldRoll: 0,
|
||||||
BillSumNewRoll: 0,
|
BillSumNewRoll: 0,
|
||||||
@@ -594,6 +596,7 @@
|
|||||||
this.GoodsCodeName = aResultData.product_color_name;
|
this.GoodsCodeName = aResultData.product_color_name;
|
||||||
this.CrockNo = aResultData.dyelot_number;
|
this.CrockNo = aResultData.dyelot_number;
|
||||||
this.GoodsBillNo = aResultData.volume_number;
|
this.GoodsBillNo = aResultData.volume_number;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || '';
|
||||||
this.GoodsQty = aResultData.weight / 10000;
|
this.GoodsQty = aResultData.weight / 10000;
|
||||||
this.BillSumOldRoll = aResultData.warehouse_bin_check_before_roll/100;
|
this.BillSumOldRoll = aResultData.warehouse_bin_check_before_roll/100;
|
||||||
this.BillSumNewRoll = aResultData.warehouse_bin_check_roll/100;
|
this.BillSumNewRoll = aResultData.warehouse_bin_check_roll/100;
|
||||||
|
|||||||
@@ -38,6 +38,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{ CrockNo }}</text>
|
<text class="title" style="width:200px;">成品缸号:{{ CrockNo }}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{ GoodsBillNo }}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{ GoodsBillNo }}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ ExternVolumeNumber }}</text>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
@@ -106,6 +107,7 @@ export default {
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
StoreStationNameFocus: false,
|
StoreStationNameFocus: false,
|
||||||
BillSumOldRoll: 0,
|
BillSumOldRoll: 0,
|
||||||
@@ -251,6 +253,7 @@ export default {
|
|||||||
this.GoodsCodeName = aResultData.product_color_name;
|
this.GoodsCodeName = aResultData.product_color_name;
|
||||||
this.CrockNo = aResultData.dyelot_number;
|
this.CrockNo = aResultData.dyelot_number;
|
||||||
this.GoodsBillNo = aResultData.volume_number;
|
this.GoodsBillNo = aResultData.volume_number;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || '';
|
||||||
this.GoodsQty = aResultData.weight / 10000;
|
this.GoodsQty = aResultData.weight / 10000;
|
||||||
this.BillSumOldRoll = aResultData.warehouse_bin_check_before_roll / 100;
|
this.BillSumOldRoll = aResultData.warehouse_bin_check_before_roll / 100;
|
||||||
this.BillSumNewRoll = aResultData.warehouse_bin_check_roll / 100;
|
this.BillSumNewRoll = aResultData.warehouse_bin_check_roll / 100;
|
||||||
|
|||||||
@@ -75,6 +75,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
||||||
@@ -161,6 +162,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
testFocus0: false,
|
testFocus0: false,
|
||||||
testFocus1: true,
|
testFocus1: true,
|
||||||
@@ -903,6 +905,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
||||||
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
||||||
|
|||||||
@@ -40,6 +40,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
@@ -115,6 +116,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
testFocus0: false,
|
testFocus0: false,
|
||||||
testFocus1: true,
|
testFocus1: true,
|
||||||
@@ -283,6 +285,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
||||||
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
||||||
|
|||||||
@@ -78,6 +78,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
||||||
@@ -164,6 +165,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
testFocus0: false,
|
testFocus0: false,
|
||||||
testFocus1: true,
|
testFocus1: true,
|
||||||
@@ -816,6 +818,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
||||||
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
||||||
|
|||||||
@@ -40,6 +40,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
@@ -113,6 +114,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
testFocus0: false,
|
testFocus0: false,
|
||||||
testFocus1: true,
|
testFocus1: true,
|
||||||
@@ -281,6 +283,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
this.BillSumRoll = parseFloat(aResultData.BillSumRoll);
|
||||||
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
this.BillSumQty = parseFloat(aResultData.BillSumQty);
|
||||||
|
|||||||
@@ -66,6 +66,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
||||||
@@ -155,6 +156,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
FromStoreStationFocus: false,
|
FromStoreStationFocus: false,
|
||||||
ToStoreStationFocus: true,
|
ToStoreStationFocus: true,
|
||||||
@@ -711,6 +713,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.GoodsCodeSumRoll = parseFloat(aResultData.GoodsCodeSumRoll);
|
this.GoodsCodeSumRoll = parseFloat(aResultData.GoodsCodeSumRoll);
|
||||||
this.GoodsCodeSumQty = parseFloat(aResultData.GoodsCodeSumQty);
|
this.GoodsCodeSumQty = parseFloat(aResultData.GoodsCodeSumQty);
|
||||||
|
|||||||
@@ -48,6 +48,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
<text class="title" style="width:200px;">成品缸号:{{CrockNo}}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{GoodsBillNo}}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ExternVolumeNumber}}</text>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
<text class="title" style="width:200px;">本单条数:{{BillSumRoll}}条</text>
|
||||||
@@ -119,6 +120,7 @@
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
FromStoreStationFocus: false,
|
FromStoreStationFocus: false,
|
||||||
ToStoreStationFocus: true,
|
ToStoreStationFocus: true,
|
||||||
@@ -360,6 +362,7 @@
|
|||||||
this.GoodsCodeName = aResultData.GoodsCodeName;
|
this.GoodsCodeName = aResultData.GoodsCodeName;
|
||||||
this.CrockNo = aResultData.CrockNo;
|
this.CrockNo = aResultData.CrockNo;
|
||||||
this.GoodsBillNo = aResultData.GoodsBillNo;
|
this.GoodsBillNo = aResultData.GoodsBillNo;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || aResultData.ExternVolumeNumber || '';
|
||||||
this.GoodsQty = aResultData.GoodsQty;
|
this.GoodsQty = aResultData.GoodsQty;
|
||||||
this.GoodsCodeSumRoll = parseFloat(aResultData.GoodsCodeSumRoll);
|
this.GoodsCodeSumRoll = parseFloat(aResultData.GoodsCodeSumRoll);
|
||||||
this.GoodsCodeSumQty = parseFloat(aResultData.GoodsCodeSumQty);
|
this.GoodsCodeSumQty = parseFloat(aResultData.GoodsCodeSumQty);
|
||||||
|
|||||||
@@ -49,6 +49,7 @@
|
|||||||
<u-form-item>
|
<u-form-item>
|
||||||
<text class="title" style="width:200px;">成品缸号:{{ CrockNo }}</text>
|
<text class="title" style="width:200px;">成品缸号:{{ CrockNo }}</text>
|
||||||
<text class="title" style="width:200px;">缸号卷号:{{ GoodsBillNo }}</text>
|
<text class="title" style="width:200px;">缸号卷号:{{ GoodsBillNo }}</text>
|
||||||
|
<text class="title" style="width:200px;">外部卷号:{{ ExternVolumeNumber }}</text>
|
||||||
|
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item>
|
<u-form-item>
|
||||||
@@ -110,6 +111,7 @@ export default {
|
|||||||
GoodsCodeName: '',
|
GoodsCodeName: '',
|
||||||
CrockNo: '',
|
CrockNo: '',
|
||||||
GoodsBillNo: '',
|
GoodsBillNo: '',
|
||||||
|
ExternVolumeNumber: '',
|
||||||
GoodsQty: 0,
|
GoodsQty: 0,
|
||||||
FromStoreStationFocus: false,
|
FromStoreStationFocus: false,
|
||||||
QRBarCodeFocus: false,
|
QRBarCodeFocus: false,
|
||||||
@@ -446,6 +448,7 @@ export default {
|
|||||||
this.GoodsCodeName = aResultData.product_color_name;
|
this.GoodsCodeName = aResultData.product_color_name;
|
||||||
this.CrockNo = aResultData.dyelot_number;
|
this.CrockNo = aResultData.dyelot_number;
|
||||||
this.GoodsBillNo = aResultData.volume_number;
|
this.GoodsBillNo = aResultData.volume_number;
|
||||||
|
this.ExternVolumeNumber = aResultData.extern_volume_number || '';
|
||||||
this.GoodsQty = aResultData.weight / 10000;
|
this.GoodsQty = aResultData.weight / 10000;
|
||||||
this.StoreStationSumRoll = aResultData.warehouse_bin_roll / 100;
|
this.StoreStationSumRoll = aResultData.warehouse_bin_roll / 100;
|
||||||
this.StoreStationSumQty = aResultData.warehouse_bin_weight / 10000;
|
this.StoreStationSumQty = aResultData.warehouse_bin_weight / 10000;
|
||||||
|
|||||||
@@ -0,0 +1,167 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('进仓类型')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">进仓类型<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.in_order_type_name ? '' : 'cBlack'">
|
||||||
|
{{ form.in_order_type_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('加工单位')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.process_name ? '' : 'cBlack'">
|
||||||
|
{{ form.process_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('仓库名称')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.warehouse_name ? '' : 'cBlack'">
|
||||||
|
{{ form.warehouse_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5 process-in-weight-row">
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">纸筒重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.paper_tube_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="1.5"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">包装重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.package_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="0.3"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('营销体系')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">营销体系<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.sale_system_name ? '' : 'cBlack'">
|
||||||
|
{{ form.sale_system_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26-column ptb20 mt32">
|
||||||
|
<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
|
||||||
|
<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInBinBar
|
||||||
|
:can-scan="canScan"
|
||||||
|
:bin-id="warehouseBinId"
|
||||||
|
:code="warehouseBinCode"
|
||||||
|
:name="warehouseBinName"
|
||||||
|
:show-phone-scan="canScan"
|
||||||
|
@code-input="warehouseBinCode = $event"
|
||||||
|
@confirm="resolveWarehouseBin"
|
||||||
|
@phone-scan="handleBinPhoneScan"
|
||||||
|
@clear="clearWarehouseBin"
|
||||||
|
/>
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessInScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
show-tare-columns
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter
|
||||||
|
v-if="!headerSaved"
|
||||||
|
:buttons="[{ label: '提交保存', action: 'save' }]"
|
||||||
|
single
|
||||||
|
@action="submitSave"
|
||||||
|
/>
|
||||||
|
<FabricOutFooter
|
||||||
|
v-else
|
||||||
|
:buttons="statusActionButtons"
|
||||||
|
@action="handleStatusAction"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsProcessInMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessInScanDetail,
|
||||||
|
ProcessInDetailList,
|
||||||
|
ProcessInBinBar,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
weightInputStyle: {
|
||||||
|
fontSize: '36rpx',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '新增加工进仓单' });
|
||||||
|
this.pageMode = 'add';
|
||||||
|
this.loadBaseDropdowns();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-row {
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-col {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
|
::v-deep .u-input__input {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,147 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<text>{{ form.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">进仓类型</text>
|
||||||
|
<text>{{ form.in_order_type_name || '加工进仓单' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位</text>
|
||||||
|
<text>{{ form.process_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ form.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5 process-in-weight-row">
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">纸筒重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.paper_tube_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="1.5"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">包装重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.package_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="0.3"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">营销体系</text>
|
||||||
|
<text>{{ form.sale_system_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ form.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInBinBar
|
||||||
|
:can-scan="canScan"
|
||||||
|
:bin-id="warehouseBinId"
|
||||||
|
:code="warehouseBinCode"
|
||||||
|
:name="warehouseBinName"
|
||||||
|
:show-phone-scan="canScan"
|
||||||
|
@code-input="warehouseBinCode = $event"
|
||||||
|
@confirm="resolveWarehouseBin"
|
||||||
|
@phone-scan="handleBinPhoneScan"
|
||||||
|
@clear="clearWarehouseBin"
|
||||||
|
/>
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessInScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
show-tare-columns
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsProcessInMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessInScanDetail,
|
||||||
|
ProcessInDetailList,
|
||||||
|
ProcessInBinBar,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
weightInputStyle: {
|
||||||
|
fontSize: '36rpx',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '编辑加工进仓单' });
|
||||||
|
this.pageMode = 'edit';
|
||||||
|
if (e.id) {
|
||||||
|
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-row {
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-col {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
|
::v-deep .u-input__input {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,281 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="filterBar">
|
||||||
|
<u-search v-model="filters.order_no" placeholder="进仓单号" :show-action="false" @search="loadList" @custom="loadList" />
|
||||||
|
<view class="filterBtn" @click="filterShow = true">
|
||||||
|
<u-icon name="list" size="40" color="#666"></u-icon>
|
||||||
|
<text>筛选</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y :style="{ height: scrollHeight }" refresher-enabled
|
||||||
|
:refresher-triggered="triggered" @refresherrefresh="onRefresh">
|
||||||
|
<dataNull v-if="list.length === 0" src="/src/static/img/chahua/gjNull.png"
|
||||||
|
title="暂无加工进仓单" title1="请点击右下角按钮新增">
|
||||||
|
</dataNull>
|
||||||
|
<view v-for="(item, index) in list" :key="item.id" @click="goView(item)">
|
||||||
|
<ProcessInItem :item="item" :index="index" />
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<addBtn url="./storeGoodsProcessInAdd"></addBtn>
|
||||||
|
|
||||||
|
<u-popup v-model="filterShow" mode="right" width="580rpx" :safe-area-inset-bottom="true">
|
||||||
|
<view class="filterPanel">
|
||||||
|
<view class="filterTitle">筛选条件</view>
|
||||||
|
<view class="filterItem">
|
||||||
|
<text class="filterLabel">进仓单号</text>
|
||||||
|
<u-input v-model="filters.order_no" placeholder="请输入进仓单号" />
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openProcessUnitSelect">
|
||||||
|
<text class="filterLabel">加工单位</text>
|
||||||
|
<view class="filterValue">{{ processUnitLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openWarehouseSelect">
|
||||||
|
<text class="filterLabel">仓库</text>
|
||||||
|
<view class="filterValue">{{ warehouseLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openStatusSelect">
|
||||||
|
<text class="filterLabel">订单状态</text>
|
||||||
|
<view class="filterValue">{{ statusLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterActions">
|
||||||
|
<u-button type="warning" size="medium" @click="resetFilter">重置</u-button>
|
||||||
|
<u-button type="primary" size="medium" @click="applyFilter">确定</u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
|
<u-select v-model="statusSelectShow" :list="statusSelectList" @confirm="onStatusConfirm"></u-select>
|
||||||
|
<u-select v-model="unitSelectShow" :list="unitSelectList" remote :loading="selectSearching" @search="onUnitSearch" @confirm="onUnitConfirm"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import addBtn from '@/components/addBtn/addBtn.vue';
|
||||||
|
import ProcessInItem from '@/components/card/storeGoodsProcessInItem.vue';
|
||||||
|
import {
|
||||||
|
getStatusOptions,
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
BUSINESS_UNIT_TYPE_PROCESS,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
formatRoll,
|
||||||
|
mapToSelectOptions,
|
||||||
|
fetchAllOrderList,
|
||||||
|
} from '@/common/storeGoodsProcessIn';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { addBtn, ProcessInItem },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
scrollHeight: '667px',
|
||||||
|
triggered: false,
|
||||||
|
listLoading: false,
|
||||||
|
filterShow: false,
|
||||||
|
statusSelectShow: false,
|
||||||
|
unitSelectShow: false,
|
||||||
|
unitSelectType: '',
|
||||||
|
processUnitOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
unitOptionsLoading: false,
|
||||||
|
selectSearching: false,
|
||||||
|
unitSearchSeq: 0,
|
||||||
|
unitSelectList: [{ value: '', label: '全部' }],
|
||||||
|
filters: {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
},
|
||||||
|
statusSelectList: [
|
||||||
|
{ value: '', label: '全部' },
|
||||||
|
...getStatusOptions(),
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
statusLabel() {
|
||||||
|
if (this.filters.audit_status === '' || this.filters.audit_status === null) return '';
|
||||||
|
return AUDIT_STATUS_MAP[Number(this.filters.audit_status)] || '';
|
||||||
|
},
|
||||||
|
processUnitLabel() {
|
||||||
|
return this.filters.process_name || '';
|
||||||
|
},
|
||||||
|
warehouseLabel() {
|
||||||
|
return this.filters.warehouse_name || '';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '加工进仓列表' });
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (res) => {
|
||||||
|
this.scrollHeight = `${res.windowHeight - 50}px`;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadProcessUnitOptions() {
|
||||||
|
if (this.processUnitOptions.length) return Promise.resolve(this.processUnitOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS })
|
||||||
|
.then((res) => {
|
||||||
|
this.processUnitOptions = mapToSelectOptions(res);
|
||||||
|
return this.processUnitOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.processUnitOptions = [];
|
||||||
|
return this.processUnitOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
return this.warehouseOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.warehouseOptions = [];
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyUnitSelectList(list) {
|
||||||
|
const rows = Array.isArray(list) ? list.slice() : [];
|
||||||
|
this.unitSelectList = [{ value: '', label: '全部' }].concat(rows);
|
||||||
|
},
|
||||||
|
openUnitSelect(type) {
|
||||||
|
this.unitSelectType = type;
|
||||||
|
const cache = type === 'warehouse' ? this.warehouseOptions : this.processUnitOptions;
|
||||||
|
this.applyUnitSelectList(cache);
|
||||||
|
this.unitSelectShow = true;
|
||||||
|
},
|
||||||
|
onUnitSearch(keyword) {
|
||||||
|
const seq = ++this.unitSearchSeq;
|
||||||
|
const type = this.unitSelectType;
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
this.selectSearching = true;
|
||||||
|
const req = type === 'warehouse'
|
||||||
|
? this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
: this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS }, keyword));
|
||||||
|
req.then((res) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) {
|
||||||
|
if (type === 'warehouse') this.warehouseOptions = list;
|
||||||
|
else this.processUnitOptions = list;
|
||||||
|
}
|
||||||
|
this.applyUnitSelectList(list);
|
||||||
|
}).catch((e) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
uni.showToast({ title: (e && e.message) || '搜索失败', icon: 'none' });
|
||||||
|
}).then(() => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
}, () => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
openProcessUnitSelect() {
|
||||||
|
this.openUnitSelect('process');
|
||||||
|
},
|
||||||
|
openWarehouseSelect() {
|
||||||
|
this.openUnitSelect('warehouse');
|
||||||
|
},
|
||||||
|
onUnitConfirm(e) {
|
||||||
|
const item = e[0] || {};
|
||||||
|
if (this.unitSelectType === 'warehouse') {
|
||||||
|
this.filters.warehouse_id = item.value;
|
||||||
|
this.filters.warehouse_name = item.value ? item.label : '';
|
||||||
|
} else {
|
||||||
|
this.filters.process_unit_id = item.value;
|
||||||
|
this.filters.process_name = item.value ? item.label : '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loadList() {
|
||||||
|
if (this.listLoading) return;
|
||||||
|
this.listLoading = true;
|
||||||
|
const params = {};
|
||||||
|
if (this.filters.order_no) params.order_no = this.filters.order_no;
|
||||||
|
if (this.filters.process_unit_id) params.process_unit_id = this.filters.process_unit_id;
|
||||||
|
if (this.filters.warehouse_id) params.warehouse_id = this.filters.warehouse_id;
|
||||||
|
if (this.filters.audit_status !== '' && this.filters.audit_status !== null) {
|
||||||
|
params.audit_status = this.filters.audit_status;
|
||||||
|
}
|
||||||
|
fetchAllOrderList((p) => this.$u.api.fpmProcessInOrder.list(p), params)
|
||||||
|
.then((rows) => {
|
||||||
|
this.list = rows.map(this.mapToCard);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.list = [];
|
||||||
|
uni.showToast({ title: err.message || '加载失败', icon: 'none' });
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.listLoading = false;
|
||||||
|
this.triggered = false;
|
||||||
|
// 避免并发请求下 uView 全局 loading 遮罩关不掉
|
||||||
|
uni.hideLoading();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
mapToCard(order) {
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
process_unit_id: order.process_unit_id || '',
|
||||||
|
process_name: order.process_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
create_user_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_date: order.audit_time || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onRefresh() {
|
||||||
|
this.triggered = true;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
goView(item) {
|
||||||
|
const page = Number(item.audit_status) === 1
|
||||||
|
? 'storeGoodsProcessInEdit'
|
||||||
|
: 'storeGoodsProcessInView';
|
||||||
|
uni.navigateTo({ url: `./${page}?id=${item.id}` });
|
||||||
|
},
|
||||||
|
openStatusSelect() { this.statusSelectShow = true; },
|
||||||
|
onStatusConfirm(e) { this.filters.audit_status = e[0].value; },
|
||||||
|
resetFilter() {
|
||||||
|
this.filters = {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
applyFilter() {
|
||||||
|
this.filterShow = false;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
page { background-color: #F8F8F8; }
|
||||||
|
.filterBar { display: flex; align-items: center; padding: 16rpx 20rpx; background: #fff; gap: 16rpx; }
|
||||||
|
.filterBtn { display: flex; flex-direction: column; align-items: center; font-size: 22rpx; color: #666; min-width: 80rpx; }
|
||||||
|
.filterPanel { padding: 30rpx; }
|
||||||
|
.filterTitle { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; }
|
||||||
|
.filterItem { margin-bottom: 24rpx; }
|
||||||
|
.filterLabel { display: block; font-size: 28rpx; color: #666; margin-bottom: 12rpx; }
|
||||||
|
.filterValue { display: flex; align-items: center; justify-content: space-between; padding: 16rpx; background: #f5f5f5; border-radius: 8rpx; font-size: 28rpx; }
|
||||||
|
.filterActions { display: flex; gap: 20rpx; margin-top: 40rpx; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,653 @@
|
|||||||
|
/**
|
||||||
|
* 加工进仓单表单 mixin(新增/编辑共用)
|
||||||
|
*
|
||||||
|
* 1. 先填表头(进仓类型 / 加工单位 / 仓库 / 营销体系 / 备注)提交 add,拿到 id 后可扫码
|
||||||
|
* 2. 先扫仓位(getWarehouseBin:传 qr_code + warehouse_id),校验后扫布匹二维码
|
||||||
|
* 3. 扫码走 updateFpmProcessInOrder(arrange_type: 1 录入 / 3 删除,带 warehouse_bin_id、纸筒/包装重量)
|
||||||
|
* 4. 手机扫码成功展示详情后自动再次调起扫码,形成连续扫
|
||||||
|
*/
|
||||||
|
import util from '@/common/util';
|
||||||
|
import scanMixin from '@/common/scanMixin.js';
|
||||||
|
import remoteSelectMixin from '@/common/remoteSelectMixin.js';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
import { initTts, speak } from '@/common/tts.js';
|
||||||
|
import {
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
ARRANGE_TYPE,
|
||||||
|
BUSINESS_UNIT_TYPE_PROCESS,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
IN_ORDER_TYPE_PROCESS,
|
||||||
|
IN_ORDER_TYPE_MAP,
|
||||||
|
IN_ORDER_TYPE_OPTIONS,
|
||||||
|
DEFAULT_PAPER_TUBE_WEIGHT,
|
||||||
|
DEFAULT_PACKAGE_WEIGHT,
|
||||||
|
normalizeOrder,
|
||||||
|
mapToSelectOptions,
|
||||||
|
canScanAtStatus,
|
||||||
|
isLockedOrderStatus,
|
||||||
|
getFormStatusActionButtons,
|
||||||
|
orderToFormFields,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
DRAFT_AUDIT_STATUS,
|
||||||
|
DRAFT_AUDIT_STATUS_NAME,
|
||||||
|
getEmptyScanDetail,
|
||||||
|
buildScanDetailFromScanResponse,
|
||||||
|
buildScanUpdateParams,
|
||||||
|
pickDefaultWarehouse,
|
||||||
|
validateScanWeights,
|
||||||
|
} from '@/common/storeGoodsProcessIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mixins: [scanMixin, remoteSelectMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pageMode: 'add',
|
||||||
|
orderId: 0,
|
||||||
|
form: this.getEmptyForm(),
|
||||||
|
headerSaved: false,
|
||||||
|
selectShow: false,
|
||||||
|
selectList: [],
|
||||||
|
selectType: '',
|
||||||
|
canScan: false,
|
||||||
|
QRBarCode: '',
|
||||||
|
BarCodeDelStatus: false,
|
||||||
|
BillDataMessage: '',
|
||||||
|
scanDetail: getEmptyScanDetail(),
|
||||||
|
auditStatus: 0,
|
||||||
|
processUnitOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
saleSystemOptions: [],
|
||||||
|
inOrderTypeOptions: IN_ORDER_TYPE_OPTIONS,
|
||||||
|
dropdownLoading: false,
|
||||||
|
/** 仓位 */
|
||||||
|
warehouseBinId: 0,
|
||||||
|
warehouseBinCode: '',
|
||||||
|
warehouseBinName: '',
|
||||||
|
/** 手机连续扫码开关:成功后自动再调起;取消/失败则关闭 */
|
||||||
|
phoneContinuousScan: false,
|
||||||
|
/** 手机扫当前目标:bin | qr */
|
||||||
|
phoneScanTarget: 'bin',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isReadonly() {
|
||||||
|
return this.pageMode === 'view';
|
||||||
|
},
|
||||||
|
isEditable() {
|
||||||
|
return this.pageMode === 'add' || this.pageMode === 'edit';
|
||||||
|
},
|
||||||
|
headerEditable() {
|
||||||
|
return this.pageMode === 'add' && !this.headerSaved;
|
||||||
|
},
|
||||||
|
/** 纸筒/包装重量随扫码提交,保存前后及可扫编辑态均可改 */
|
||||||
|
canEditWeights() {
|
||||||
|
return this.isEditable && (this.headerEditable || this.canScan);
|
||||||
|
},
|
||||||
|
statusActionButtons() {
|
||||||
|
return getFormStatusActionButtons(this.headerSaved, this.orderId, this.auditStatus);
|
||||||
|
},
|
||||||
|
displayAuditStatus() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS;
|
||||||
|
return this.auditStatus;
|
||||||
|
},
|
||||||
|
displayAuditStatusName() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS_NAME;
|
||||||
|
return AUDIT_STATUS_MAP[this.auditStatus] || '';
|
||||||
|
},
|
||||||
|
/** 录入需先选仓位;删除模式仅需单据可扫 */
|
||||||
|
canScanQr() {
|
||||||
|
if (!this.canScan) return false;
|
||||||
|
if (this.BarCodeDelStatus) return true;
|
||||||
|
return !!this.warehouseBinId;
|
||||||
|
},
|
||||||
|
/** 扫码栏在可扫状态下始终展示(含删除勾选) */
|
||||||
|
showQrScanBar() {
|
||||||
|
return this.canScan;
|
||||||
|
},
|
||||||
|
qrDisabledTip() {
|
||||||
|
if (!this.canScan) return '请先提交保存后再扫码';
|
||||||
|
if (!this.warehouseBinId && !this.BarCodeDelStatus) return '请先扫描仓位后再扫布匹二维码';
|
||||||
|
return '当前状态不可扫码';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.isPageActive = true;
|
||||||
|
initTts();
|
||||||
|
if (this.canScan && this.isEditable) {
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clearWarehouseBin() {
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
/** 重扫仓位:先清空输入框再填入,避免残留旧码拼接 */
|
||||||
|
applyWarehouseBinScan(scanResult) {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.warehouseBinCode = code;
|
||||||
|
this.$nextTick(() => this.resolveWarehouseBin());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleBinPhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.phoneScanTarget = 'bin';
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.applyWarehouseBinScan(scanResult);
|
||||||
|
},
|
||||||
|
fail: () => {},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handlePhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 删除模式可直接扫布匹码;录入模式无仓位时先扫仓位
|
||||||
|
if (!this.BarCodeDelStatus && !this.warehouseBinId) {
|
||||||
|
this.handleBinPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneScanTarget = 'qr';
|
||||||
|
this.phoneContinuousScan = true;
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
},
|
||||||
|
openContinuousPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.QRBarCode = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
this.$nextTick(() => this.handleScan({ fromPhone: true }));
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
scheduleNextPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
}, 400);
|
||||||
|
},
|
||||||
|
registerOrderScanBroadcast() {
|
||||||
|
this.registerScanBroadcast((scanResult) => {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
// 删除模式:直接按布匹码删除;未扫仓位时枪扫优先解析为仓位
|
||||||
|
if (!this.BarCodeDelStatus && !this.warehouseBinId) {
|
||||||
|
this.applyWarehouseBinScan(code);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.QRBarCode = code;
|
||||||
|
this.$nextTick(() => this.handleScan());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
resolveWarehouseBin() {
|
||||||
|
const code = (this.warehouseBinCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) return;
|
||||||
|
if (!this.form.warehouse_id) {
|
||||||
|
this.showError('单据缺少仓库信息');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '识别仓位...' });
|
||||||
|
return this.$u.api.warehouseBin.getByQrCode({
|
||||||
|
qr_code: code,
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
})
|
||||||
|
.then((data) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (!data || !data.id) {
|
||||||
|
throw new Error('未识别到仓位');
|
||||||
|
}
|
||||||
|
// 返回 physical_warehouse_id,与单据仓库校验
|
||||||
|
if (
|
||||||
|
data.physical_warehouse_id
|
||||||
|
&& String(data.physical_warehouse_id) !== String(this.form.warehouse_id)
|
||||||
|
) {
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
throw new Error('该仓位不属于当前仓库');
|
||||||
|
}
|
||||||
|
this.warehouseBinId = data.id;
|
||||||
|
this.warehouseBinCode = data.code || data.qr_code || code;
|
||||||
|
this.warehouseBinName = data.name || '';
|
||||||
|
this.BillDataMessage = '';
|
||||||
|
speak('仓位成功');
|
||||||
|
uni.showToast({ title: '仓位识别成功', icon: 'success' });
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
this.showError(e.message || '仓位识别失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
syncCanScanFromStatus(status) {
|
||||||
|
const nextCanScan = this.isEditable && canScanAtStatus(status);
|
||||||
|
if (this.canScan && !nextCanScan) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
}
|
||||||
|
this.canScan = nextCanScan;
|
||||||
|
},
|
||||||
|
loadBaseDropdowns() {
|
||||||
|
if (this.dropdownLoading) return Promise.resolve();
|
||||||
|
this.dropdownLoading = true;
|
||||||
|
if (this.headerEditable) this.applyDefaultSaleSystem();
|
||||||
|
return Promise.all([
|
||||||
|
this.ensureProcessUnitOptions().catch((e) => {
|
||||||
|
console.error('加载加工单位失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureWarehouseOptions().catch((e) => {
|
||||||
|
console.error('加载仓库失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureSaleSystemOptions().catch((e) => {
|
||||||
|
console.error('加载营销体系失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
]).finally(() => {
|
||||||
|
this.dropdownLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureProcessUnitOptions() {
|
||||||
|
if (this.processUnitOptions.length) return Promise.resolve(this.processUnitOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS })
|
||||||
|
.then((res) => {
|
||||||
|
this.processUnitOptions = mapToSelectOptions(res);
|
||||||
|
return this.processUnitOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable && !this.form.warehouse_id) {
|
||||||
|
this.applyDefaultWarehouse();
|
||||||
|
}
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureSaleSystemOptions() {
|
||||||
|
if (this.saleSystemOptions.length) return Promise.resolve(this.saleSystemOptions);
|
||||||
|
return this.$u.api.saleSystem.getDropdownList()
|
||||||
|
.then((res) => {
|
||||||
|
this.saleSystemOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable) this.applyDefaultSaleSystem();
|
||||||
|
return this.saleSystemOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fetchRemoteSelectOptions(type, keyword) {
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
if (type === '加工单位') {
|
||||||
|
return this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.processUnitOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (type === '仓库名称') {
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.warehouseOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (type === '营销体系') {
|
||||||
|
return this.$u.api.saleSystem.getDropdownList(withNameParam({}, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.saleSystemOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return Promise.resolve([]);
|
||||||
|
},
|
||||||
|
applyDefaultWarehouse() {
|
||||||
|
const app = getApp();
|
||||||
|
const picked = pickDefaultWarehouse(
|
||||||
|
this.warehouseOptions,
|
||||||
|
app && app.globalData ? app.globalData.StoreNameID : '',
|
||||||
|
app && app.globalData ? app.globalData.StoreName : '',
|
||||||
|
);
|
||||||
|
if (!picked) return;
|
||||||
|
this.form.warehouse_id = picked.value;
|
||||||
|
this.form.warehouse_name = picked.label;
|
||||||
|
},
|
||||||
|
applyDefaultSaleSystem() {
|
||||||
|
if (this.form.sale_system_id) {
|
||||||
|
if (!this.form.sale_system_name && this.saleSystemOptions.length) {
|
||||||
|
const found = this.saleSystemOptions.find(
|
||||||
|
(item) => String(item.value) === String(this.form.sale_system_id),
|
||||||
|
);
|
||||||
|
if (found) this.form.sale_system_name = found.label;
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const app = getApp();
|
||||||
|
const gd = app && app.globalData ? app.globalData : {};
|
||||||
|
const id = gd.PlanDepartmentID;
|
||||||
|
if (!id) return;
|
||||||
|
this.form.sale_system_id = id;
|
||||||
|
this.form.sale_system_name = gd.PlanDepartmentName || '';
|
||||||
|
if (!this.form.sale_system_name && this.saleSystemOptions.length) {
|
||||||
|
const found = this.saleSystemOptions.find((item) => String(item.value) === String(id));
|
||||||
|
if (found) this.form.sale_system_name = found.label;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getEmptyForm() {
|
||||||
|
const app = getApp();
|
||||||
|
const gd = app && app.globalData ? app.globalData : {};
|
||||||
|
return {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
sale_system_id: gd.PlanDepartmentID || '',
|
||||||
|
sale_system_name: gd.PlanDepartmentName || '',
|
||||||
|
in_order_type: IN_ORDER_TYPE_PROCESS,
|
||||||
|
in_order_type_name: IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PROCESS],
|
||||||
|
paper_tube_weight: String(DEFAULT_PAPER_TUBE_WEIGHT),
|
||||||
|
package_weight: String(DEFAULT_PACKAGE_WEIGHT),
|
||||||
|
remark: '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
loadOrder(id, options = {}) {
|
||||||
|
const { rejectIfLocked = false } = options;
|
||||||
|
return this.$u.api.fpmProcessInOrder.detail({ id })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (rejectIfLocked && isLockedOrderStatus(order.audit_status)) {
|
||||||
|
this.showError('当前状态不可编辑');
|
||||||
|
setTimeout(() => uni.navigateBack(), 1500);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
this.orderId = order.id;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.form = orderToFormFields(order);
|
||||||
|
this.clearWarehouseBin();
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
if (this.canScan) this.registerOrderScanBroadcast();
|
||||||
|
return order;
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.showError(e.message || '加载单据失败');
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pickerSelectFun(type) {
|
||||||
|
if (!this.headerEditable) return;
|
||||||
|
if (type === '进仓类型') {
|
||||||
|
this.selectType = type;
|
||||||
|
if (!this.inOrderTypeOptions.length) {
|
||||||
|
this.showError('暂无可选数据');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.selectList = this.inOrderTypeOptions;
|
||||||
|
this.selectShow = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const cache = {
|
||||||
|
'加工单位': this.processUnitOptions,
|
||||||
|
'仓库名称': this.warehouseOptions,
|
||||||
|
'营销体系': this.saleSystemOptions,
|
||||||
|
};
|
||||||
|
if (cache[type]) this.openSelectPicker(type, cache[type]);
|
||||||
|
},
|
||||||
|
selectConfirmFun(e) {
|
||||||
|
const item = e[0];
|
||||||
|
if (this.selectType === '进仓类型') {
|
||||||
|
this.form.in_order_type = item.value;
|
||||||
|
this.form.in_order_type_name = item.label;
|
||||||
|
} else if (this.selectType === '加工单位') {
|
||||||
|
this.form.process_unit_id = item.value;
|
||||||
|
this.form.process_name = item.label;
|
||||||
|
} else if (this.selectType === '仓库名称') {
|
||||||
|
this.form.warehouse_id = item.value;
|
||||||
|
this.form.warehouse_name = item.label;
|
||||||
|
} else if (this.selectType === '营销体系') {
|
||||||
|
this.form.sale_system_id = item.value;
|
||||||
|
this.form.sale_system_name = item.label;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validateForm() {
|
||||||
|
if (!this.form.in_order_type) return '请选择进仓类型';
|
||||||
|
if (!this.form.process_unit_id) return '请选择加工单位';
|
||||||
|
if (!this.form.warehouse_id) return '请选择仓库名称';
|
||||||
|
if (!this.form.sale_system_id) return '请选择营销体系';
|
||||||
|
return '';
|
||||||
|
},
|
||||||
|
buildAddParam() {
|
||||||
|
return {
|
||||||
|
inOrderType: Number(this.form.in_order_type),
|
||||||
|
process_unit_id: Number(this.form.process_unit_id),
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
sale_system_id: Number(this.form.sale_system_id),
|
||||||
|
remark: this.form.remark || '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
submitSave() {
|
||||||
|
if (this.headerSaved) {
|
||||||
|
this.showError('表头已保存,请直接扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const err = this.validateForm();
|
||||||
|
if (err) {
|
||||||
|
this.showError(err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '保存中...' });
|
||||||
|
this.$u.api.fpmProcessInOrder.add(this.buildAddParam())
|
||||||
|
.then((res) => {
|
||||||
|
this.orderId = (res && res.id) || 0;
|
||||||
|
if (!this.orderId) {
|
||||||
|
throw new Error('保存失败,未返回单据ID');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmProcessInOrder.detail({ id: this.orderId });
|
||||||
|
})
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
this.applyOrder(order, { keepWeights: true });
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.clearWarehouseBin();
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('保存成功,请先扫描仓位');
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.showError(e.message || '保存失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyOrder(order, options = {}) {
|
||||||
|
if (!order) return;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
const paperTubeWeight = this.form.paper_tube_weight;
|
||||||
|
const packageWeight = this.form.package_weight;
|
||||||
|
Object.assign(this.form, orderToFormFields(order));
|
||||||
|
if (options.keepWeights) {
|
||||||
|
this.form.paper_tube_weight = paperTubeWeight;
|
||||||
|
this.form.package_weight = packageWeight;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleScan(options = {}) {
|
||||||
|
const fromPhone = !!options.fromPhone;
|
||||||
|
const code = (this.QRBarCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const isDelete = this.BarCodeDelStatus;
|
||||||
|
if (!isDelete && !this.warehouseBinId) {
|
||||||
|
this.showError('请先扫描仓位');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) {
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const arrangeType = isDelete ? ARRANGE_TYPE.DEL : ARRANGE_TYPE.IN;
|
||||||
|
this.doScanUpdate(code, arrangeType, { fromPhone });
|
||||||
|
},
|
||||||
|
BarCodeDelChange(e) {
|
||||||
|
this.BarCodeDelStatus = (e.detail.value || []).length > 0;
|
||||||
|
this.BillDataMessage = this.BarCodeDelStatus ? '删除模式:扫描细码即可删除' : '';
|
||||||
|
},
|
||||||
|
getFineCodeScanCode(fineCode) {
|
||||||
|
if (!fineCode) return '';
|
||||||
|
return fineCode.qr_code
|
||||||
|
|| fineCode.long_code
|
||||||
|
|| fineCode.scan_code
|
||||||
|
|| fineCode.digital_code
|
||||||
|
|| fineCode.bar_code
|
||||||
|
|| fineCode.short_code
|
||||||
|
|| '';
|
||||||
|
},
|
||||||
|
onDeleteFineCode(fineCode) {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('当前状态不可删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const scanCode = this.getFineCodeScanCode(fineCode);
|
||||||
|
if (!scanCode) {
|
||||||
|
this.showError('该细码缺少条码,无法删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: `确认删除细码 ${scanCode}?`,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
this.doScanUpdate(scanCode, ARRANGE_TYPE.DEL);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doScanUpdate(scanCode, arrangeType, options = {}) {
|
||||||
|
const { fromPhone = false } = options;
|
||||||
|
const isDelete = arrangeType === ARRANGE_TYPE.DEL;
|
||||||
|
if (!isDelete) {
|
||||||
|
const weightErr = validateScanWeights(this.form.paper_tube_weight, this.form.package_weight);
|
||||||
|
if (weightErr) {
|
||||||
|
this.showError(weightErr);
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: isDelete ? '删除中...' : '处理中...' });
|
||||||
|
return this.$u.api.fpmProcessInOrder.scanUpdate(buildScanUpdateParams({
|
||||||
|
id: this.orderId,
|
||||||
|
scanCode,
|
||||||
|
arrangeType,
|
||||||
|
// 删除不强制仓位;录入带当前仓位
|
||||||
|
warehouseBinId: isDelete ? 0 : this.warehouseBinId,
|
||||||
|
paperTubeWeight: this.form.paper_tube_weight,
|
||||||
|
packageWeight: this.form.package_weight,
|
||||||
|
}))
|
||||||
|
.then((scanRes) => {
|
||||||
|
this.scanDetail = buildScanDetailFromScanResponse(scanRes);
|
||||||
|
this.BillDataMessage = isDelete ? '删除成功' : '扫描成功';
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (isDelete) {
|
||||||
|
speak('已删除');
|
||||||
|
uni.showToast({ title: '删除成功', icon: 'success' });
|
||||||
|
} else {
|
||||||
|
speak('成功');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmProcessInOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (order) {
|
||||||
|
this.form.item_data = order.item_data;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => null);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
const message = e.message || (isDelete ? '删除失败' : '扫码失败');
|
||||||
|
this.showError(message);
|
||||||
|
this.QRBarCode = '';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleStatusAction(action) {
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmProcessInOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (!order) return;
|
||||||
|
this.applyOrder(order);
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('操作成功');
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
showSuccess(message) {
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: message, icon: 'success' });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -0,0 +1,153 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="order.audit_status" :name="order.audit_status_name" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<text>{{ order.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">进仓类型</text>
|
||||||
|
<text>{{ order.in_order_type_name || '加工进仓单' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位</text>
|
||||||
|
<text>{{ order.process_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ order.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5 process-in-weight-row">
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">纸筒重量</text>
|
||||||
|
<text>{{ order.paper_tube_weight != null ? order.paper_tube_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">包装重量</text>
|
||||||
|
<text>{{ order.package_weight != null ? order.package_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">营销体系</text>
|
||||||
|
<text>{{ order.sale_system_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ order.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">创建人</text>
|
||||||
|
<text>{{ order.creator_name }} {{ formatTime(order.create_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="order.auditor_name" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">审核人</text>
|
||||||
|
<text>{{ order.auditor_name }} {{ formatTime(order.audit_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:title="detailTitle"
|
||||||
|
:list="order.item_data"
|
||||||
|
show-tare-columns
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="actionButtons" @action="handleAction" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import util from '@/common/util';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import {
|
||||||
|
normalizeOrder,
|
||||||
|
getViewStatusActionButtons,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
formatDisplayTime,
|
||||||
|
} from '@/common/storeGoodsProcessIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { OrderStatusBar, FabricOutFooter, ProcessInDetailList },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderId: 0,
|
||||||
|
order: { item_data: [] },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
actionButtons() {
|
||||||
|
return getViewStatusActionButtons(this.order.audit_status);
|
||||||
|
},
|
||||||
|
detailTitle() {
|
||||||
|
return `进仓明细(共 ${this.order.total_roll || 0} 匹)`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '查看加工进仓单' });
|
||||||
|
if (e.id) {
|
||||||
|
this.orderId = Number(e.id);
|
||||||
|
this.refreshOrder();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if (this.orderId) this.refreshOrder();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
refreshOrder() {
|
||||||
|
this.$u.api.fpmProcessInOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.order = order;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.showError(err.message || '加载单据失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleAction(action) {
|
||||||
|
if (action === 'edit') {
|
||||||
|
uni.navigateTo({ url: `./storeGoodsProcessInEdit?id=${this.orderId}` });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmProcessInOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (order) this.order = order;
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: '操作成功', icon: 'success' });
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-row {
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-col {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,102 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">出仓单号</text>
|
||||||
|
<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('出仓类型')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">出仓类型<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.out_order_type_name ? '' : 'cBlack'">
|
||||||
|
{{ form.out_order_type_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('加工单位')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.process_name ? '' : 'cBlack'">
|
||||||
|
{{ form.process_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('仓库名称')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.warehouse_name ? '' : 'cBlack'">
|
||||||
|
{{ form.warehouse_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26-column ptb20 mt32">
|
||||||
|
<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
|
||||||
|
<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessOutScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessOutDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter
|
||||||
|
v-if="!headerSaved"
|
||||||
|
:buttons="[{ label: '提交保存', action: 'save' }]"
|
||||||
|
single
|
||||||
|
@action="submitSave"
|
||||||
|
/>
|
||||||
|
<FabricOutFooter
|
||||||
|
v-else
|
||||||
|
:buttons="statusActionButtons"
|
||||||
|
@action="handleStatusAction"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsProcessOutMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessOutScanDetail from '@/components/storegoods/ProcessOutScanDetail.vue';
|
||||||
|
import ProcessOutDetailList from '@/components/storegoods/ProcessOutDetailList.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessOutScanDetail,
|
||||||
|
ProcessOutDetailList,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '新增加工出仓单' });
|
||||||
|
this.pageMode = 'add';
|
||||||
|
this.loadBaseDropdowns();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,85 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">出仓单号</text>
|
||||||
|
<text>{{ form.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">出仓类型</text>
|
||||||
|
<text>{{ form.out_order_type_name || '正常加工出仓' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位</text>
|
||||||
|
<text>{{ form.process_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ form.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ form.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessOutScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessOutDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsProcessOutMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessOutScanDetail from '@/components/storegoods/ProcessOutScanDetail.vue';
|
||||||
|
import ProcessOutDetailList from '@/components/storegoods/ProcessOutDetailList.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessOutScanDetail,
|
||||||
|
ProcessOutDetailList,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '编辑加工出仓单' });
|
||||||
|
this.pageMode = 'edit';
|
||||||
|
if (e.id) {
|
||||||
|
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,283 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="filterBar">
|
||||||
|
<u-search v-model="filters.order_no" placeholder="出仓单号" :show-action="false" @search="loadList" @custom="loadList" />
|
||||||
|
<view class="filterBtn" @click="filterShow = true">
|
||||||
|
<u-icon name="list" size="40" color="#666"></u-icon>
|
||||||
|
<text>筛选</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y :style="{ height: scrollHeight }" refresher-enabled
|
||||||
|
:refresher-triggered="triggered" @refresherrefresh="onRefresh">
|
||||||
|
<dataNull v-if="list.length === 0" src="/src/static/img/chahua/gjNull.png"
|
||||||
|
title="暂无加工出仓单" title1="请点击右下角按钮新增">
|
||||||
|
</dataNull>
|
||||||
|
<view v-for="(item, index) in list" :key="item.id" @click="goView(item)">
|
||||||
|
<ProcessOutItem :item="item" :index="index" />
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<addBtn url="./storeGoodsProcessOutAdd"></addBtn>
|
||||||
|
|
||||||
|
<u-popup v-model="filterShow" mode="right" width="580rpx" :safe-area-inset-bottom="true">
|
||||||
|
<view class="filterPanel">
|
||||||
|
<view class="filterTitle">筛选条件</view>
|
||||||
|
<view class="filterItem">
|
||||||
|
<text class="filterLabel">出仓单号</text>
|
||||||
|
<u-input v-model="filters.order_no" placeholder="请输入出仓单号" />
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openProcessUnitSelect">
|
||||||
|
<text class="filterLabel">加工单位</text>
|
||||||
|
<view class="filterValue">{{ processUnitLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openWarehouseSelect">
|
||||||
|
<text class="filterLabel">仓库</text>
|
||||||
|
<view class="filterValue">{{ warehouseLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openStatusSelect">
|
||||||
|
<text class="filterLabel">订单状态</text>
|
||||||
|
<view class="filterValue">{{ statusLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterActions">
|
||||||
|
<u-button type="warning" size="medium" @click="resetFilter">重置</u-button>
|
||||||
|
<u-button type="primary" size="medium" @click="applyFilter">确定</u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
|
<u-select v-model="statusSelectShow" :list="statusSelectList" @confirm="onStatusConfirm"></u-select>
|
||||||
|
<u-select v-model="unitSelectShow" :list="unitSelectList" remote :loading="selectSearching" @search="onUnitSearch" @confirm="onUnitConfirm"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import addBtn from '@/components/addBtn/addBtn.vue';
|
||||||
|
import ProcessOutItem from '@/components/card/storeGoodsProcessOutItem.vue';
|
||||||
|
import {
|
||||||
|
getStatusOptions,
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
BUSINESS_UNIT_TYPE_PROCESS,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
formatRoll,
|
||||||
|
mapToSelectOptions,
|
||||||
|
fetchAllOrderList,
|
||||||
|
} from '@/common/storeGoodsProcessOut';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { addBtn, ProcessOutItem },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
scrollHeight: '667px',
|
||||||
|
triggered: false,
|
||||||
|
listLoading: false,
|
||||||
|
filterShow: false,
|
||||||
|
statusSelectShow: false,
|
||||||
|
unitSelectShow: false,
|
||||||
|
unitSelectType: '',
|
||||||
|
processUnitOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
unitOptionsLoading: false,
|
||||||
|
selectSearching: false,
|
||||||
|
unitSearchSeq: 0,
|
||||||
|
unitSelectList: [{ value: '', label: '全部' }],
|
||||||
|
filters: {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
},
|
||||||
|
statusSelectList: [
|
||||||
|
{ value: '', label: '全部' },
|
||||||
|
...getStatusOptions(),
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
statusLabel() {
|
||||||
|
if (this.filters.audit_status === '' || this.filters.audit_status === null) return '';
|
||||||
|
return AUDIT_STATUS_MAP[Number(this.filters.audit_status)] || '';
|
||||||
|
},
|
||||||
|
processUnitLabel() {
|
||||||
|
return this.filters.process_name || '';
|
||||||
|
},
|
||||||
|
warehouseLabel() {
|
||||||
|
return this.filters.warehouse_name || '';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '加工出仓列表' });
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (res) => {
|
||||||
|
this.scrollHeight = `${res.windowHeight - 50}px`;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadProcessUnitOptions() {
|
||||||
|
if (this.processUnitOptions.length) return Promise.resolve(this.processUnitOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS })
|
||||||
|
.then((res) => {
|
||||||
|
this.processUnitOptions = mapToSelectOptions(res);
|
||||||
|
return this.processUnitOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.processUnitOptions = [];
|
||||||
|
return this.processUnitOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
return this.warehouseOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.warehouseOptions = [];
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyUnitSelectList(list) {
|
||||||
|
const rows = Array.isArray(list) ? list.slice() : [];
|
||||||
|
this.unitSelectList = [{ value: '', label: '全部' }].concat(rows);
|
||||||
|
},
|
||||||
|
openUnitSelect(type) {
|
||||||
|
this.unitSelectType = type;
|
||||||
|
const cache = type === 'warehouse' ? this.warehouseOptions : this.processUnitOptions;
|
||||||
|
this.applyUnitSelectList(cache);
|
||||||
|
this.unitSelectShow = true;
|
||||||
|
},
|
||||||
|
onUnitSearch(keyword) {
|
||||||
|
const seq = ++this.unitSearchSeq;
|
||||||
|
const type = this.unitSelectType;
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
this.selectSearching = true;
|
||||||
|
const req = type === 'warehouse'
|
||||||
|
? this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
: this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS }, keyword));
|
||||||
|
req.then((res) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) {
|
||||||
|
if (type === 'warehouse') this.warehouseOptions = list;
|
||||||
|
else this.processUnitOptions = list;
|
||||||
|
}
|
||||||
|
this.applyUnitSelectList(list);
|
||||||
|
}).catch((e) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
uni.showToast({ title: (e && e.message) || '搜索失败', icon: 'none' });
|
||||||
|
}).then(() => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
}, () => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
openProcessUnitSelect() {
|
||||||
|
this.openUnitSelect('process');
|
||||||
|
},
|
||||||
|
openWarehouseSelect() {
|
||||||
|
this.openUnitSelect('warehouse');
|
||||||
|
},
|
||||||
|
onUnitConfirm(e) {
|
||||||
|
const item = e[0] || {};
|
||||||
|
if (this.unitSelectType === 'warehouse') {
|
||||||
|
this.filters.warehouse_id = item.value;
|
||||||
|
this.filters.warehouse_name = item.value ? item.label : '';
|
||||||
|
} else {
|
||||||
|
this.filters.process_unit_id = item.value;
|
||||||
|
this.filters.process_name = item.value ? item.label : '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loadList() {
|
||||||
|
if (this.listLoading) return;
|
||||||
|
this.listLoading = true;
|
||||||
|
const params = {};
|
||||||
|
if (this.filters.order_no) params.order_no = this.filters.order_no;
|
||||||
|
if (this.filters.process_unit_id) params.process_unit_id = this.filters.process_unit_id;
|
||||||
|
if (this.filters.warehouse_id) params.warehouse_id = this.filters.warehouse_id;
|
||||||
|
if (this.filters.audit_status !== '' && this.filters.audit_status !== null) {
|
||||||
|
params.audit_status = this.filters.audit_status;
|
||||||
|
}
|
||||||
|
fetchAllOrderList((p) => this.$u.api.fpmProcessOutOrder.list(p), params)
|
||||||
|
.then((rows) => {
|
||||||
|
this.list = rows.map(this.mapToCard);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.list = [];
|
||||||
|
uni.showToast({ title: err.message || '加载失败', icon: 'none' });
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.listLoading = false;
|
||||||
|
this.triggered = false;
|
||||||
|
// 避免并发请求下 uView 全局 loading 遮罩关不掉
|
||||||
|
uni.hideLoading();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
mapToCard(order) {
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
out_order_type: order.out_order_type || '',
|
||||||
|
out_order_type_name: order.out_order_type_name || '',
|
||||||
|
process_unit_id: order.process_unit_id || '',
|
||||||
|
process_name: order.process_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
create_user_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_date: order.audit_time || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onRefresh() {
|
||||||
|
this.triggered = true;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
goView(item) {
|
||||||
|
const page = Number(item.audit_status) === 1
|
||||||
|
? 'storeGoodsProcessOutEdit'
|
||||||
|
: 'storeGoodsProcessOutView';
|
||||||
|
uni.navigateTo({ url: `./${page}?id=${item.id}` });
|
||||||
|
},
|
||||||
|
openStatusSelect() { this.statusSelectShow = true; },
|
||||||
|
onStatusConfirm(e) { this.filters.audit_status = e[0].value; },
|
||||||
|
resetFilter() {
|
||||||
|
this.filters = {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
applyFilter() {
|
||||||
|
this.filterShow = false;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
page { background-color: #F8F8F8; }
|
||||||
|
.filterBar { display: flex; align-items: center; padding: 16rpx 20rpx; background: #fff; gap: 16rpx; }
|
||||||
|
.filterBtn { display: flex; flex-direction: column; align-items: center; font-size: 22rpx; color: #666; min-width: 80rpx; }
|
||||||
|
.filterPanel { padding: 30rpx; }
|
||||||
|
.filterTitle { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; }
|
||||||
|
.filterItem { margin-bottom: 24rpx; }
|
||||||
|
.filterLabel { display: block; font-size: 28rpx; color: #666; margin-bottom: 12rpx; }
|
||||||
|
.filterValue { display: flex; align-items: center; justify-content: space-between; padding: 16rpx; background: #f5f5f5; border-radius: 8rpx; font-size: 28rpx; }
|
||||||
|
.filterActions { display: flex; gap: 20rpx; margin-top: 40rpx; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,496 @@
|
|||||||
|
/**
|
||||||
|
* 加工出仓单表单 mixin(新增/编辑共用)
|
||||||
|
*
|
||||||
|
* 1. 先填表头(加工单位 / 仓库 / 备注)提交 add,拿到 id 后可扫码
|
||||||
|
* 2. 扫码走 updateFpmProcessOutOrder(arrange_type: 1 录入 / 3 删除),不扫仓位
|
||||||
|
* 3. 手机扫码成功展示详情后自动再次调起扫码,形成连续扫
|
||||||
|
*/
|
||||||
|
import util from '@/common/util';
|
||||||
|
import scanMixin from '@/common/scanMixin.js';
|
||||||
|
import remoteSelectMixin from '@/common/remoteSelectMixin.js';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
import { initTts, speak } from '@/common/tts.js';
|
||||||
|
import {
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
ARRANGE_TYPE,
|
||||||
|
BUSINESS_UNIT_TYPE_PROCESS,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
OUT_ORDER_TYPE_PROCESS,
|
||||||
|
OUT_ORDER_TYPE_PROCESS_NAME,
|
||||||
|
normalizeOrder,
|
||||||
|
mapToSelectOptions,
|
||||||
|
canScanAtStatus,
|
||||||
|
isLockedOrderStatus,
|
||||||
|
getFormStatusActionButtons,
|
||||||
|
orderToFormFields,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
DRAFT_AUDIT_STATUS,
|
||||||
|
DRAFT_AUDIT_STATUS_NAME,
|
||||||
|
getEmptyScanDetail,
|
||||||
|
buildScanDetailFromScanResponse,
|
||||||
|
buildScanUpdateParams,
|
||||||
|
pickDefaultWarehouse,
|
||||||
|
formatDisplayTime,
|
||||||
|
} from '@/common/storeGoodsProcessOut';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mixins: [scanMixin, remoteSelectMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pageMode: 'add',
|
||||||
|
orderId: 0,
|
||||||
|
form: this.getEmptyForm(),
|
||||||
|
headerSaved: false,
|
||||||
|
selectShow: false,
|
||||||
|
selectList: [],
|
||||||
|
selectType: '',
|
||||||
|
canScan: false,
|
||||||
|
QRBarCode: '',
|
||||||
|
BarCodeDelStatus: false,
|
||||||
|
BillDataMessage: '',
|
||||||
|
scanDetail: getEmptyScanDetail(),
|
||||||
|
auditStatus: 0,
|
||||||
|
processUnitOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
outOrderTypeOptions: [],
|
||||||
|
dropdownLoading: false,
|
||||||
|
/** 手机连续扫码开关:成功后自动再调起;取消/失败则关闭 */
|
||||||
|
phoneContinuousScan: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isReadonly() {
|
||||||
|
return this.pageMode === 'view';
|
||||||
|
},
|
||||||
|
isEditable() {
|
||||||
|
return this.pageMode === 'add' || this.pageMode === 'edit';
|
||||||
|
},
|
||||||
|
headerEditable() {
|
||||||
|
return this.pageMode === 'add' && !this.headerSaved;
|
||||||
|
},
|
||||||
|
statusActionButtons() {
|
||||||
|
return getFormStatusActionButtons(this.headerSaved, this.orderId, this.auditStatus);
|
||||||
|
},
|
||||||
|
displayAuditStatus() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS;
|
||||||
|
return this.auditStatus;
|
||||||
|
},
|
||||||
|
displayAuditStatusName() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS_NAME;
|
||||||
|
return AUDIT_STATUS_MAP[this.auditStatus] || '';
|
||||||
|
},
|
||||||
|
canScanQr() {
|
||||||
|
return this.canScan;
|
||||||
|
},
|
||||||
|
showQrScanBar() {
|
||||||
|
return this.canScan;
|
||||||
|
},
|
||||||
|
qrDisabledTip() {
|
||||||
|
if (!this.canScan) return '请先提交保存后再扫码';
|
||||||
|
return '当前状态不可扫码';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.isPageActive = true;
|
||||||
|
initTts();
|
||||||
|
if (this.canScan && this.isEditable) {
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handlePhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneContinuousScan = true;
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
},
|
||||||
|
openContinuousPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.QRBarCode = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
this.$nextTick(() => this.handleScan({ fromPhone: true }));
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
scheduleNextPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
}, 400);
|
||||||
|
},
|
||||||
|
registerOrderScanBroadcast() {
|
||||||
|
this.registerScanBroadcast((scanResult) => {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
this.QRBarCode = code;
|
||||||
|
this.$nextTick(() => this.handleScan());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
syncCanScanFromStatus(status) {
|
||||||
|
const nextCanScan = this.isEditable && canScanAtStatus(status);
|
||||||
|
if (this.canScan && !nextCanScan) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
}
|
||||||
|
this.canScan = nextCanScan;
|
||||||
|
},
|
||||||
|
loadBaseDropdowns() {
|
||||||
|
if (this.dropdownLoading) return Promise.resolve();
|
||||||
|
this.dropdownLoading = true;
|
||||||
|
return Promise.all([
|
||||||
|
this.ensureOutOrderTypeOptions().catch((e) => {
|
||||||
|
console.error('加载出仓类型失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureProcessUnitOptions().catch((e) => {
|
||||||
|
console.error('加载加工单位失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureWarehouseOptions().catch((e) => {
|
||||||
|
console.error('加载仓库失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
]).finally(() => {
|
||||||
|
this.dropdownLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureOutOrderTypeOptions() {
|
||||||
|
if (this.outOrderTypeOptions.length) return Promise.resolve(this.outOrderTypeOptions);
|
||||||
|
return this.$u.api.fpmProcessOutOrder.getOutTypeEnum()
|
||||||
|
.then((res) => {
|
||||||
|
this.outOrderTypeOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable && !this.form.out_order_type) {
|
||||||
|
this.applyDefaultOutOrderType();
|
||||||
|
}
|
||||||
|
return this.outOrderTypeOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyDefaultOutOrderType() {
|
||||||
|
const list = this.outOrderTypeOptions || [];
|
||||||
|
const preferred = list.find((item) => Number(item.value) === OUT_ORDER_TYPE_PROCESS) || list[0];
|
||||||
|
if (!preferred) return;
|
||||||
|
this.form.out_order_type = preferred.value;
|
||||||
|
this.form.out_order_type_name = preferred.label;
|
||||||
|
},
|
||||||
|
ensureProcessUnitOptions() {
|
||||||
|
if (this.processUnitOptions.length) return Promise.resolve(this.processUnitOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS })
|
||||||
|
.then((res) => {
|
||||||
|
this.processUnitOptions = mapToSelectOptions(res);
|
||||||
|
return this.processUnitOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable && !this.form.warehouse_id) {
|
||||||
|
this.applyDefaultWarehouse();
|
||||||
|
}
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fetchRemoteSelectOptions(type, keyword) {
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
if (type === '加工单位') {
|
||||||
|
return this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.processUnitOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (type === '仓库名称') {
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.warehouseOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return Promise.resolve([]);
|
||||||
|
},
|
||||||
|
applyDefaultWarehouse() {
|
||||||
|
const app = getApp();
|
||||||
|
const picked = pickDefaultWarehouse(
|
||||||
|
this.warehouseOptions,
|
||||||
|
app && app.globalData ? app.globalData.StoreNameID : '',
|
||||||
|
app && app.globalData ? app.globalData.StoreName : '',
|
||||||
|
);
|
||||||
|
if (!picked) return;
|
||||||
|
this.form.warehouse_id = picked.value;
|
||||||
|
this.form.warehouse_name = picked.label;
|
||||||
|
},
|
||||||
|
getEmptyForm() {
|
||||||
|
return {
|
||||||
|
order_no: '',
|
||||||
|
out_order_type: OUT_ORDER_TYPE_PROCESS,
|
||||||
|
out_order_type_name: OUT_ORDER_TYPE_PROCESS_NAME,
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
remark: '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
loadOrder(id, options = {}) {
|
||||||
|
const { rejectIfLocked = false } = options;
|
||||||
|
return this.$u.api.fpmProcessOutOrder.detail({ id })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (rejectIfLocked && isLockedOrderStatus(order.audit_status)) {
|
||||||
|
this.showError('当前状态不可编辑');
|
||||||
|
setTimeout(() => uni.navigateBack(), 1500);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
this.orderId = order.id;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.form = orderToFormFields(order);
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
if (this.canScan) this.registerOrderScanBroadcast();
|
||||||
|
return order;
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.showError(e.message || '加载单据失败');
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pickerSelectFun(type) {
|
||||||
|
if (!this.headerEditable) return;
|
||||||
|
if (type === '出仓类型') {
|
||||||
|
this.selectType = type;
|
||||||
|
const openPicker = (list) => {
|
||||||
|
if (!list.length) {
|
||||||
|
this.showError('暂无可选数据');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.selectList = list;
|
||||||
|
this.selectShow = true;
|
||||||
|
};
|
||||||
|
this.ensureOutOrderTypeOptions()
|
||||||
|
.then(openPicker)
|
||||||
|
.catch((e) => this.showError(e.message || '加载出仓类型失败'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const cache = {
|
||||||
|
'加工单位': this.processUnitOptions,
|
||||||
|
'仓库名称': this.warehouseOptions,
|
||||||
|
};
|
||||||
|
if (cache[type]) this.openSelectPicker(type, cache[type]);
|
||||||
|
},
|
||||||
|
selectConfirmFun(e) {
|
||||||
|
const item = e[0];
|
||||||
|
if (this.selectType === '出仓类型') {
|
||||||
|
this.form.out_order_type = item.value;
|
||||||
|
this.form.out_order_type_name = item.label;
|
||||||
|
} else if (this.selectType === '加工单位') {
|
||||||
|
this.form.process_unit_id = item.value;
|
||||||
|
this.form.process_name = item.label;
|
||||||
|
} else if (this.selectType === '仓库名称') {
|
||||||
|
this.form.warehouse_id = item.value;
|
||||||
|
this.form.warehouse_name = item.label;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validateForm() {
|
||||||
|
if (!this.form.out_order_type) return '请选择出仓类型';
|
||||||
|
if (!this.form.process_unit_id) return '请选择加工单位';
|
||||||
|
if (!this.form.warehouse_id) return '请选择仓库名称';
|
||||||
|
const app = getApp();
|
||||||
|
const saleSystemId = app && app.globalData ? app.globalData.PlanDepartmentID : '';
|
||||||
|
if (!saleSystemId) return '缺少营销体系,请重新登录';
|
||||||
|
return '';
|
||||||
|
},
|
||||||
|
buildAddParam() {
|
||||||
|
const app = getApp();
|
||||||
|
return {
|
||||||
|
// OpenAPI: product.AddFpmProcessOutOrderParam
|
||||||
|
out_order_type: Number(this.form.out_order_type),
|
||||||
|
process_unit_id: Number(this.form.process_unit_id),
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
sale_system_id: Number(app.globalData.PlanDepartmentID),
|
||||||
|
warehouse_out_time: formatDisplayTime(new Date(), 'YYYY-MM-DD'),
|
||||||
|
remark: this.form.remark || '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
submitSave() {
|
||||||
|
if (this.headerSaved) {
|
||||||
|
this.showError('表头已保存,请直接扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const err = this.validateForm();
|
||||||
|
if (err) {
|
||||||
|
this.showError(err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '保存中...' });
|
||||||
|
this.$u.api.fpmProcessOutOrder.add(this.buildAddParam())
|
||||||
|
.then((res) => {
|
||||||
|
this.orderId = (res && res.id) || 0;
|
||||||
|
if (!this.orderId) {
|
||||||
|
throw new Error('保存失败,未返回单据ID');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmProcessOutOrder.detail({ id: this.orderId });
|
||||||
|
})
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
this.applyOrder(order);
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('保存成功,请开始扫码');
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.showError(e.message || '保存失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyOrder(order) {
|
||||||
|
if (!order) return;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
Object.assign(this.form, orderToFormFields(order));
|
||||||
|
},
|
||||||
|
handleScan(options = {}) {
|
||||||
|
const fromPhone = !!options.fromPhone;
|
||||||
|
const code = (this.QRBarCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) {
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const arrangeType = this.BarCodeDelStatus ? ARRANGE_TYPE.DEL : ARRANGE_TYPE.IN;
|
||||||
|
this.doScanUpdate(code, arrangeType, { fromPhone });
|
||||||
|
},
|
||||||
|
BarCodeDelChange(e) {
|
||||||
|
this.BarCodeDelStatus = (e.detail.value || []).length > 0;
|
||||||
|
this.BillDataMessage = this.BarCodeDelStatus ? '删除模式:扫描细码即可删除' : '';
|
||||||
|
},
|
||||||
|
getFineCodeScanCode(fineCode) {
|
||||||
|
if (!fineCode) return '';
|
||||||
|
return fineCode.qr_code
|
||||||
|
|| fineCode.scan_code
|
||||||
|
|| fineCode.digital_code
|
||||||
|
|| fineCode.bar_code
|
||||||
|
|| '';
|
||||||
|
},
|
||||||
|
onDeleteFineCode(fineCode) {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('当前状态不可删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const scanCode = this.getFineCodeScanCode(fineCode);
|
||||||
|
if (!scanCode) {
|
||||||
|
this.showError('该细码缺少条码,无法删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: `确认删除细码 ${scanCode}?`,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
this.doScanUpdate(scanCode, ARRANGE_TYPE.DEL);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doScanUpdate(scanCode, arrangeType, options = {}) {
|
||||||
|
const { fromPhone = false } = options;
|
||||||
|
const isDelete = arrangeType === ARRANGE_TYPE.DEL;
|
||||||
|
uni.showLoading({ title: isDelete ? '删除中...' : '处理中...' });
|
||||||
|
return this.$u.api.fpmProcessOutOrder.scanUpdate(buildScanUpdateParams({
|
||||||
|
id: this.orderId,
|
||||||
|
scanCode,
|
||||||
|
arrangeType,
|
||||||
|
}))
|
||||||
|
.then((scanRes) => {
|
||||||
|
this.scanDetail = buildScanDetailFromScanResponse(scanRes);
|
||||||
|
this.BillDataMessage = isDelete ? '删除成功' : '扫描成功';
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (isDelete) {
|
||||||
|
speak('已删除');
|
||||||
|
uni.showToast({ title: '删除成功', icon: 'success' });
|
||||||
|
} else {
|
||||||
|
speak('成功');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmProcessOutOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (order) {
|
||||||
|
this.form.item_data = order.item_data;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => null);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
const message = e.message || (isDelete ? '删除失败' : '扫码失败');
|
||||||
|
this.showError(message);
|
||||||
|
this.QRBarCode = '';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleStatusAction(action) {
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmProcessOutOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (!order) return;
|
||||||
|
this.applyOrder(order);
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('操作成功');
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
showSuccess(message) {
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: message, icon: 'success' });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="order.audit_status" :name="order.audit_status_name" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">出仓单号</text>
|
||||||
|
<text>{{ order.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">出仓类型</text>
|
||||||
|
<text>{{ order.out_order_type_name || '正常加工出仓' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位</text>
|
||||||
|
<text>{{ order.process_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ order.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ order.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">创建人</text>
|
||||||
|
<text>{{ order.creator_name }} {{ formatTime(order.create_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="order.auditor_name" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">审核人</text>
|
||||||
|
<text>{{ order.auditor_name }} {{ formatTime(order.audit_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessOutDetailList
|
||||||
|
:title="detailTitle"
|
||||||
|
:list="order.item_data"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="actionButtons" @action="handleAction" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import util from '@/common/util';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessOutDetailList from '@/components/storegoods/ProcessOutDetailList.vue';
|
||||||
|
import {
|
||||||
|
normalizeOrder,
|
||||||
|
getViewStatusActionButtons,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
formatDisplayTime,
|
||||||
|
} from '@/common/storeGoodsProcessOut';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { OrderStatusBar, FabricOutFooter, ProcessOutDetailList },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderId: 0,
|
||||||
|
order: { item_data: [] },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
actionButtons() {
|
||||||
|
return getViewStatusActionButtons(this.order.audit_status);
|
||||||
|
},
|
||||||
|
detailTitle() {
|
||||||
|
return `出仓明细(共 ${this.order.total_roll || 0} 匹)`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '查看加工出仓单' });
|
||||||
|
if (e.id) {
|
||||||
|
this.orderId = Number(e.id);
|
||||||
|
this.refreshOrder();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if (this.orderId) this.refreshOrder();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
refreshOrder() {
|
||||||
|
this.$u.api.fpmProcessOutOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.order = order;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.showError(err.message || '加载单据失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleAction(action) {
|
||||||
|
if (action === 'edit') {
|
||||||
|
uni.navigateTo({ url: `./storeGoodsProcessOutEdit?id=${this.orderId}` });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmProcessOutOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (order) this.order = order;
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: '操作成功', icon: 'success' });
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">进仓类型</text>
|
||||||
|
<view>加工退货进仓单</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('加工单位')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.process_name ? '' : 'cBlack'">
|
||||||
|
{{ form.process_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('仓库名称')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.warehouse_name ? '' : 'cBlack'">
|
||||||
|
{{ form.warehouse_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26-column ptb20 mt32">
|
||||||
|
<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
|
||||||
|
<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInBinBar
|
||||||
|
:can-scan="canScan"
|
||||||
|
:bin-id="warehouseBinId"
|
||||||
|
:code="warehouseBinCode"
|
||||||
|
:name="warehouseBinName"
|
||||||
|
:show-phone-scan="canScan"
|
||||||
|
@code-input="warehouseBinCode = $event"
|
||||||
|
@confirm="resolveWarehouseBin"
|
||||||
|
@phone-scan="handleBinPhoneScan"
|
||||||
|
@clear="clearWarehouseBin"
|
||||||
|
/>
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessInScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter
|
||||||
|
v-if="!headerSaved"
|
||||||
|
:buttons="[{ label: '提交保存', action: 'save' }]"
|
||||||
|
single
|
||||||
|
@action="submitSave"
|
||||||
|
/>
|
||||||
|
<FabricOutFooter
|
||||||
|
v-else
|
||||||
|
:buttons="statusActionButtons"
|
||||||
|
@action="handleStatusAction"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsProcessReturnInMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessInScanDetail,
|
||||||
|
ProcessInDetailList,
|
||||||
|
ProcessInBinBar,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '新增加工退货进仓单' });
|
||||||
|
this.pageMode = 'add';
|
||||||
|
this.loadBaseDropdowns();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,98 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<text>{{ form.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">进仓类型</text>
|
||||||
|
<text>加工退货进仓单</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位</text>
|
||||||
|
<text>{{ form.process_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ form.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ form.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInBinBar
|
||||||
|
:can-scan="canScan"
|
||||||
|
:bin-id="warehouseBinId"
|
||||||
|
:code="warehouseBinCode"
|
||||||
|
:name="warehouseBinName"
|
||||||
|
:show-phone-scan="canScan"
|
||||||
|
@code-input="warehouseBinCode = $event"
|
||||||
|
@confirm="resolveWarehouseBin"
|
||||||
|
@phone-scan="handleBinPhoneScan"
|
||||||
|
@clear="clearWarehouseBin"
|
||||||
|
/>
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessInScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsProcessReturnInMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessInScanDetail,
|
||||||
|
ProcessInDetailList,
|
||||||
|
ProcessInBinBar,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '编辑加工退货进仓单' });
|
||||||
|
this.pageMode = 'edit';
|
||||||
|
if (e.id) {
|
||||||
|
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,281 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="filterBar">
|
||||||
|
<u-search v-model="filters.order_no" placeholder="进仓单号" :show-action="false" @search="loadList" @custom="loadList" />
|
||||||
|
<view class="filterBtn" @click="filterShow = true">
|
||||||
|
<u-icon name="list" size="40" color="#666"></u-icon>
|
||||||
|
<text>筛选</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y :style="{ height: scrollHeight }" refresher-enabled
|
||||||
|
:refresher-triggered="triggered" @refresherrefresh="onRefresh">
|
||||||
|
<dataNull v-if="list.length === 0" src="/src/static/img/chahua/gjNull.png"
|
||||||
|
title="暂无加工退货进仓单" title1="请点击右下角按钮新增">
|
||||||
|
</dataNull>
|
||||||
|
<view v-for="(item, index) in list" :key="item.id" @click="goView(item)">
|
||||||
|
<ProcessReturnInItem :item="item" :index="index" />
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<addBtn url="./storeGoodsProcessReturnInAdd"></addBtn>
|
||||||
|
|
||||||
|
<u-popup v-model="filterShow" mode="right" width="580rpx" :safe-area-inset-bottom="true">
|
||||||
|
<view class="filterPanel">
|
||||||
|
<view class="filterTitle">筛选条件</view>
|
||||||
|
<view class="filterItem">
|
||||||
|
<text class="filterLabel">进仓单号</text>
|
||||||
|
<u-input v-model="filters.order_no" placeholder="请输入进仓单号" />
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openProcessUnitSelect">
|
||||||
|
<text class="filterLabel">加工单位</text>
|
||||||
|
<view class="filterValue">{{ processUnitLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openWarehouseSelect">
|
||||||
|
<text class="filterLabel">仓库</text>
|
||||||
|
<view class="filterValue">{{ warehouseLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openStatusSelect">
|
||||||
|
<text class="filterLabel">订单状态</text>
|
||||||
|
<view class="filterValue">{{ statusLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterActions">
|
||||||
|
<u-button type="warning" size="medium" @click="resetFilter">重置</u-button>
|
||||||
|
<u-button type="primary" size="medium" @click="applyFilter">确定</u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
|
<u-select v-model="statusSelectShow" :list="statusSelectList" @confirm="onStatusConfirm"></u-select>
|
||||||
|
<u-select v-model="unitSelectShow" :list="unitSelectList" remote :loading="selectSearching" @search="onUnitSearch" @confirm="onUnitConfirm"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import addBtn from '@/components/addBtn/addBtn.vue';
|
||||||
|
import ProcessReturnInItem from '@/components/card/storeGoodsProcessReturnInItem.vue';
|
||||||
|
import {
|
||||||
|
getStatusOptions,
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
BUSINESS_UNIT_TYPE_PROCESS,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
formatRoll,
|
||||||
|
mapToSelectOptions,
|
||||||
|
fetchAllOrderList,
|
||||||
|
} from '@/common/storeGoodsProcessReturnIn';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { addBtn, ProcessReturnInItem },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
scrollHeight: '667px',
|
||||||
|
triggered: false,
|
||||||
|
listLoading: false,
|
||||||
|
filterShow: false,
|
||||||
|
statusSelectShow: false,
|
||||||
|
unitSelectShow: false,
|
||||||
|
unitSelectType: '',
|
||||||
|
processUnitOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
unitOptionsLoading: false,
|
||||||
|
selectSearching: false,
|
||||||
|
unitSearchSeq: 0,
|
||||||
|
unitSelectList: [{ value: '', label: '全部' }],
|
||||||
|
filters: {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
},
|
||||||
|
statusSelectList: [
|
||||||
|
{ value: '', label: '全部' },
|
||||||
|
...getStatusOptions(),
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
statusLabel() {
|
||||||
|
if (this.filters.audit_status === '' || this.filters.audit_status === null) return '';
|
||||||
|
return AUDIT_STATUS_MAP[Number(this.filters.audit_status)] || '';
|
||||||
|
},
|
||||||
|
processUnitLabel() {
|
||||||
|
return this.filters.process_name || '';
|
||||||
|
},
|
||||||
|
warehouseLabel() {
|
||||||
|
return this.filters.warehouse_name || '';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '加工退货进仓列表' });
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (res) => {
|
||||||
|
this.scrollHeight = `${res.windowHeight - 50}px`;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadProcessUnitOptions() {
|
||||||
|
if (this.processUnitOptions.length) return Promise.resolve(this.processUnitOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS })
|
||||||
|
.then((res) => {
|
||||||
|
this.processUnitOptions = mapToSelectOptions(res);
|
||||||
|
return this.processUnitOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.processUnitOptions = [];
|
||||||
|
return this.processUnitOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
return this.warehouseOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.warehouseOptions = [];
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyUnitSelectList(list) {
|
||||||
|
const rows = Array.isArray(list) ? list.slice() : [];
|
||||||
|
this.unitSelectList = [{ value: '', label: '全部' }].concat(rows);
|
||||||
|
},
|
||||||
|
openUnitSelect(type) {
|
||||||
|
this.unitSelectType = type;
|
||||||
|
const cache = type === 'warehouse' ? this.warehouseOptions : this.processUnitOptions;
|
||||||
|
this.applyUnitSelectList(cache);
|
||||||
|
this.unitSelectShow = true;
|
||||||
|
},
|
||||||
|
onUnitSearch(keyword) {
|
||||||
|
const seq = ++this.unitSearchSeq;
|
||||||
|
const type = this.unitSelectType;
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
this.selectSearching = true;
|
||||||
|
const req = type === 'warehouse'
|
||||||
|
? this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
: this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS }, keyword));
|
||||||
|
req.then((res) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) {
|
||||||
|
if (type === 'warehouse') this.warehouseOptions = list;
|
||||||
|
else this.processUnitOptions = list;
|
||||||
|
}
|
||||||
|
this.applyUnitSelectList(list);
|
||||||
|
}).catch((e) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
uni.showToast({ title: (e && e.message) || '搜索失败', icon: 'none' });
|
||||||
|
}).then(() => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
}, () => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
openProcessUnitSelect() {
|
||||||
|
this.openUnitSelect('process');
|
||||||
|
},
|
||||||
|
openWarehouseSelect() {
|
||||||
|
this.openUnitSelect('warehouse');
|
||||||
|
},
|
||||||
|
onUnitConfirm(e) {
|
||||||
|
const item = e[0] || {};
|
||||||
|
if (this.unitSelectType === 'warehouse') {
|
||||||
|
this.filters.warehouse_id = item.value;
|
||||||
|
this.filters.warehouse_name = item.value ? item.label : '';
|
||||||
|
} else {
|
||||||
|
this.filters.process_unit_id = item.value;
|
||||||
|
this.filters.process_name = item.value ? item.label : '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loadList() {
|
||||||
|
if (this.listLoading) return;
|
||||||
|
this.listLoading = true;
|
||||||
|
const params = {};
|
||||||
|
if (this.filters.order_no) params.order_no = this.filters.order_no;
|
||||||
|
if (this.filters.process_unit_id) params.supplier_id = this.filters.process_unit_id;
|
||||||
|
if (this.filters.warehouse_id) params.warehouse_id = this.filters.warehouse_id;
|
||||||
|
if (this.filters.audit_status !== '' && this.filters.audit_status !== null) {
|
||||||
|
params.audit_status = this.filters.audit_status;
|
||||||
|
}
|
||||||
|
fetchAllOrderList((p) => this.$u.api.fpmProcessReturnInOrder.list(p), params)
|
||||||
|
.then((rows) => {
|
||||||
|
this.list = rows.map(this.mapToCard);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.list = [];
|
||||||
|
uni.showToast({ title: err.message || '加载失败', icon: 'none' });
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.listLoading = false;
|
||||||
|
this.triggered = false;
|
||||||
|
// 避免并发请求下 uView 全局 loading 遮罩关不掉
|
||||||
|
uni.hideLoading();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
mapToCard(order) {
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
process_unit_id: order.process_unit_id || order.biz_unit_id || '',
|
||||||
|
process_name: order.process_name || order.biz_unit_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
create_user_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_date: order.audit_time || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onRefresh() {
|
||||||
|
this.triggered = true;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
goView(item) {
|
||||||
|
const page = Number(item.audit_status) === 1
|
||||||
|
? 'storeGoodsProcessReturnInEdit'
|
||||||
|
: 'storeGoodsProcessReturnInView';
|
||||||
|
uni.navigateTo({ url: `./${page}?id=${item.id}` });
|
||||||
|
},
|
||||||
|
openStatusSelect() { this.statusSelectShow = true; },
|
||||||
|
onStatusConfirm(e) { this.filters.audit_status = e[0].value; },
|
||||||
|
resetFilter() {
|
||||||
|
this.filters = {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
applyFilter() {
|
||||||
|
this.filterShow = false;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
page { background-color: #F8F8F8; }
|
||||||
|
.filterBar { display: flex; align-items: center; padding: 16rpx 20rpx; background: #fff; gap: 16rpx; }
|
||||||
|
.filterBtn { display: flex; flex-direction: column; align-items: center; font-size: 22rpx; color: #666; min-width: 80rpx; }
|
||||||
|
.filterPanel { padding: 30rpx; }
|
||||||
|
.filterTitle { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; }
|
||||||
|
.filterItem { margin-bottom: 24rpx; }
|
||||||
|
.filterLabel { display: block; font-size: 28rpx; color: #666; margin-bottom: 12rpx; }
|
||||||
|
.filterValue { display: flex; align-items: center; justify-content: space-between; padding: 16rpx; background: #f5f5f5; border-radius: 8rpx; font-size: 28rpx; }
|
||||||
|
.filterActions { display: flex; gap: 20rpx; margin-top: 40rpx; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,553 @@
|
|||||||
|
/**
|
||||||
|
* 加工退货进仓单表单 mixin(新增/编辑共用)
|
||||||
|
*
|
||||||
|
* 1. 先填表头(加工单位 / 仓库 / 备注)提交 add,拿到 id 后可扫码
|
||||||
|
* 2. 先扫仓位(getWarehouseBin:传 qr_code + warehouse_id),校验后扫布匹二维码
|
||||||
|
* 3. 扫码走 updateFpmProcessReturnInOrder(arrange_type: 1 录入 / 3 删除,带 warehouse_bin_id)
|
||||||
|
* 4. 手机扫码成功展示详情后自动再次调起扫码,形成连续扫
|
||||||
|
*/
|
||||||
|
import util from '@/common/util';
|
||||||
|
import scanMixin from '@/common/scanMixin.js';
|
||||||
|
import remoteSelectMixin from '@/common/remoteSelectMixin.js';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
import { initTts, speak } from '@/common/tts.js';
|
||||||
|
import {
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
ARRANGE_TYPE,
|
||||||
|
BUSINESS_UNIT_TYPE_PROCESS,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
IN_ORDER_TYPE_PROCESS_RETURN,
|
||||||
|
normalizeOrder,
|
||||||
|
mapToSelectOptions,
|
||||||
|
canScanAtStatus,
|
||||||
|
isLockedOrderStatus,
|
||||||
|
getFormStatusActionButtons,
|
||||||
|
orderToFormFields,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
DRAFT_AUDIT_STATUS,
|
||||||
|
DRAFT_AUDIT_STATUS_NAME,
|
||||||
|
getEmptyScanDetail,
|
||||||
|
buildScanDetailFromScanResponse,
|
||||||
|
buildScanUpdateParams,
|
||||||
|
pickDefaultWarehouse,
|
||||||
|
} from '@/common/storeGoodsProcessReturnIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mixins: [scanMixin, remoteSelectMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pageMode: 'add',
|
||||||
|
orderId: 0,
|
||||||
|
form: this.getEmptyForm(),
|
||||||
|
headerSaved: false,
|
||||||
|
selectShow: false,
|
||||||
|
selectList: [],
|
||||||
|
selectType: '',
|
||||||
|
canScan: false,
|
||||||
|
QRBarCode: '',
|
||||||
|
BarCodeDelStatus: false,
|
||||||
|
BillDataMessage: '',
|
||||||
|
scanDetail: getEmptyScanDetail(),
|
||||||
|
auditStatus: 0,
|
||||||
|
processUnitOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
dropdownLoading: false,
|
||||||
|
/** 仓位 */
|
||||||
|
warehouseBinId: 0,
|
||||||
|
warehouseBinCode: '',
|
||||||
|
warehouseBinName: '',
|
||||||
|
/** 手机连续扫码开关:成功后自动再调起;取消/失败则关闭 */
|
||||||
|
phoneContinuousScan: false,
|
||||||
|
/** 手机扫当前目标:bin | qr */
|
||||||
|
phoneScanTarget: 'bin',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isReadonly() {
|
||||||
|
return this.pageMode === 'view';
|
||||||
|
},
|
||||||
|
isEditable() {
|
||||||
|
return this.pageMode === 'add' || this.pageMode === 'edit';
|
||||||
|
},
|
||||||
|
headerEditable() {
|
||||||
|
return this.pageMode === 'add' && !this.headerSaved;
|
||||||
|
},
|
||||||
|
statusActionButtons() {
|
||||||
|
return getFormStatusActionButtons(this.headerSaved, this.orderId, this.auditStatus);
|
||||||
|
},
|
||||||
|
displayAuditStatus() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS;
|
||||||
|
return this.auditStatus;
|
||||||
|
},
|
||||||
|
displayAuditStatusName() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS_NAME;
|
||||||
|
return AUDIT_STATUS_MAP[this.auditStatus] || '';
|
||||||
|
},
|
||||||
|
/** 录入需先选仓位;删除模式仅需单据可扫 */
|
||||||
|
canScanQr() {
|
||||||
|
if (!this.canScan) return false;
|
||||||
|
if (this.BarCodeDelStatus) return true;
|
||||||
|
return !!this.warehouseBinId;
|
||||||
|
},
|
||||||
|
/** 扫码栏在可扫状态下始终展示(含删除勾选) */
|
||||||
|
showQrScanBar() {
|
||||||
|
return this.canScan;
|
||||||
|
},
|
||||||
|
qrDisabledTip() {
|
||||||
|
if (!this.canScan) return '请先提交保存后再扫码';
|
||||||
|
if (!this.warehouseBinId && !this.BarCodeDelStatus) return '请先扫描仓位后再扫布匹二维码';
|
||||||
|
return '当前状态不可扫码';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.isPageActive = true;
|
||||||
|
initTts();
|
||||||
|
if (this.canScan && this.isEditable) {
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clearWarehouseBin() {
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
/** 重扫仓位:先清空输入框再填入,避免残留旧码拼接 */
|
||||||
|
applyWarehouseBinScan(scanResult) {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.warehouseBinCode = code;
|
||||||
|
this.$nextTick(() => this.resolveWarehouseBin());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleBinPhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.phoneScanTarget = 'bin';
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.applyWarehouseBinScan(scanResult);
|
||||||
|
},
|
||||||
|
fail: () => {},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handlePhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 删除模式可直接扫布匹码;录入模式无仓位时先扫仓位
|
||||||
|
if (!this.BarCodeDelStatus && !this.warehouseBinId) {
|
||||||
|
this.handleBinPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneScanTarget = 'qr';
|
||||||
|
this.phoneContinuousScan = true;
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
},
|
||||||
|
openContinuousPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.QRBarCode = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
this.$nextTick(() => this.handleScan({ fromPhone: true }));
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
scheduleNextPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
}, 400);
|
||||||
|
},
|
||||||
|
registerOrderScanBroadcast() {
|
||||||
|
this.registerScanBroadcast((scanResult) => {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
// 删除模式:直接按布匹码删除;未扫仓位时枪扫优先解析为仓位
|
||||||
|
if (!this.BarCodeDelStatus && !this.warehouseBinId) {
|
||||||
|
this.applyWarehouseBinScan(code);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.QRBarCode = code;
|
||||||
|
this.$nextTick(() => this.handleScan());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
resolveWarehouseBin() {
|
||||||
|
const code = (this.warehouseBinCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) return;
|
||||||
|
if (!this.form.warehouse_id) {
|
||||||
|
this.showError('单据缺少仓库信息');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '识别仓位...' });
|
||||||
|
return this.$u.api.warehouseBin.getByQrCode({
|
||||||
|
qr_code: code,
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
})
|
||||||
|
.then((data) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (!data || !data.id) {
|
||||||
|
throw new Error('未识别到仓位');
|
||||||
|
}
|
||||||
|
// 返回 physical_warehouse_id,与单据仓库校验
|
||||||
|
if (
|
||||||
|
data.physical_warehouse_id
|
||||||
|
&& String(data.physical_warehouse_id) !== String(this.form.warehouse_id)
|
||||||
|
) {
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
throw new Error('该仓位不属于当前仓库');
|
||||||
|
}
|
||||||
|
this.warehouseBinId = data.id;
|
||||||
|
this.warehouseBinCode = data.code || data.qr_code || code;
|
||||||
|
this.warehouseBinName = data.name || '';
|
||||||
|
this.BillDataMessage = '';
|
||||||
|
speak('仓位成功');
|
||||||
|
uni.showToast({ title: '仓位识别成功', icon: 'success' });
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
this.showError(e.message || '仓位识别失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
syncCanScanFromStatus(status) {
|
||||||
|
const nextCanScan = this.isEditable && canScanAtStatus(status);
|
||||||
|
if (this.canScan && !nextCanScan) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
}
|
||||||
|
this.canScan = nextCanScan;
|
||||||
|
},
|
||||||
|
loadBaseDropdowns() {
|
||||||
|
if (this.dropdownLoading) return Promise.resolve();
|
||||||
|
this.dropdownLoading = true;
|
||||||
|
return Promise.all([
|
||||||
|
this.ensureProcessUnitOptions().catch((e) => {
|
||||||
|
console.error('加载加工单位失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureWarehouseOptions().catch((e) => {
|
||||||
|
console.error('加载仓库失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
]).finally(() => {
|
||||||
|
this.dropdownLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureProcessUnitOptions() {
|
||||||
|
if (this.processUnitOptions.length) return Promise.resolve(this.processUnitOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS })
|
||||||
|
.then((res) => {
|
||||||
|
this.processUnitOptions = mapToSelectOptions(res);
|
||||||
|
return this.processUnitOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable && !this.form.warehouse_id) {
|
||||||
|
this.applyDefaultWarehouse();
|
||||||
|
}
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fetchRemoteSelectOptions(type, keyword) {
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
if (type === '加工单位') {
|
||||||
|
return this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PROCESS }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.processUnitOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (type === '仓库名称') {
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.warehouseOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return Promise.resolve([]);
|
||||||
|
},
|
||||||
|
applyDefaultWarehouse() {
|
||||||
|
const app = getApp();
|
||||||
|
const picked = pickDefaultWarehouse(
|
||||||
|
this.warehouseOptions,
|
||||||
|
app && app.globalData ? app.globalData.StoreNameID : '',
|
||||||
|
app && app.globalData ? app.globalData.StoreName : '',
|
||||||
|
);
|
||||||
|
if (!picked) return;
|
||||||
|
this.form.warehouse_id = picked.value;
|
||||||
|
this.form.warehouse_name = picked.label;
|
||||||
|
},
|
||||||
|
getEmptyForm() {
|
||||||
|
return {
|
||||||
|
order_no: '',
|
||||||
|
process_unit_id: '',
|
||||||
|
process_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
remark: '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
loadOrder(id, options = {}) {
|
||||||
|
const { rejectIfLocked = false } = options;
|
||||||
|
return this.$u.api.fpmProcessReturnInOrder.detail({ id })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (rejectIfLocked && isLockedOrderStatus(order.audit_status)) {
|
||||||
|
this.showError('当前状态不可编辑');
|
||||||
|
setTimeout(() => uni.navigateBack(), 1500);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
this.orderId = order.id;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.form = orderToFormFields(order);
|
||||||
|
this.clearWarehouseBin();
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
if (this.canScan) this.registerOrderScanBroadcast();
|
||||||
|
return order;
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.showError(e.message || '加载单据失败');
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pickerSelectFun(type) {
|
||||||
|
if (!this.headerEditable) return;
|
||||||
|
const cache = {
|
||||||
|
'加工单位': this.processUnitOptions,
|
||||||
|
'仓库名称': this.warehouseOptions,
|
||||||
|
};
|
||||||
|
if (cache[type]) this.openSelectPicker(type, cache[type]);
|
||||||
|
},
|
||||||
|
selectConfirmFun(e) {
|
||||||
|
const item = e[0];
|
||||||
|
if (this.selectType === '加工单位') {
|
||||||
|
this.form.process_unit_id = item.value;
|
||||||
|
this.form.process_name = item.label;
|
||||||
|
} else if (this.selectType === '仓库名称') {
|
||||||
|
this.form.warehouse_id = item.value;
|
||||||
|
this.form.warehouse_name = item.label;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validateForm() {
|
||||||
|
if (!this.form.process_unit_id) return '请选择加工单位';
|
||||||
|
if (!this.form.warehouse_id) return '请选择仓库名称';
|
||||||
|
const app = getApp();
|
||||||
|
const saleSystemId = app && app.globalData ? app.globalData.PlanDepartmentID : '';
|
||||||
|
if (!saleSystemId) return '缺少营销体系,请重新登录';
|
||||||
|
return '';
|
||||||
|
},
|
||||||
|
buildAddParam() {
|
||||||
|
const app = getApp();
|
||||||
|
return {
|
||||||
|
inOrderType: IN_ORDER_TYPE_PROCESS_RETURN,
|
||||||
|
biz_unit_id: Number(this.form.process_unit_id),
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
sale_system_id: Number(app.globalData.PlanDepartmentID),
|
||||||
|
remark: this.form.remark || '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
submitSave() {
|
||||||
|
if (this.headerSaved) {
|
||||||
|
this.showError('表头已保存,请直接扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const err = this.validateForm();
|
||||||
|
if (err) {
|
||||||
|
this.showError(err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '保存中...' });
|
||||||
|
this.$u.api.fpmProcessReturnInOrder.add(this.buildAddParam())
|
||||||
|
.then((res) => {
|
||||||
|
this.orderId = (res && res.id) || 0;
|
||||||
|
if (!this.orderId) {
|
||||||
|
throw new Error('保存失败,未返回单据ID');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmProcessReturnInOrder.detail({ id: this.orderId });
|
||||||
|
})
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
this.applyOrder(order);
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.clearWarehouseBin();
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('保存成功,请先扫描仓位');
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.showError(e.message || '保存失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyOrder(order) {
|
||||||
|
if (!order) return;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
Object.assign(this.form, orderToFormFields(order));
|
||||||
|
},
|
||||||
|
handleScan(options = {}) {
|
||||||
|
const fromPhone = !!options.fromPhone;
|
||||||
|
const code = (this.QRBarCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const isDelete = this.BarCodeDelStatus;
|
||||||
|
if (!isDelete && !this.warehouseBinId) {
|
||||||
|
this.showError('请先扫描仓位');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) {
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const arrangeType = isDelete ? ARRANGE_TYPE.DEL : ARRANGE_TYPE.IN;
|
||||||
|
this.doScanUpdate(code, arrangeType, { fromPhone });
|
||||||
|
},
|
||||||
|
BarCodeDelChange(e) {
|
||||||
|
this.BarCodeDelStatus = (e.detail.value || []).length > 0;
|
||||||
|
this.BillDataMessage = this.BarCodeDelStatus ? '删除模式:扫描细码即可删除' : '';
|
||||||
|
},
|
||||||
|
getFineCodeScanCode(fineCode) {
|
||||||
|
if (!fineCode) return '';
|
||||||
|
return fineCode.qr_code || fineCode.scan_code || fineCode.bar_code || '';
|
||||||
|
},
|
||||||
|
onDeleteFineCode(fineCode) {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('当前状态不可删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const scanCode = this.getFineCodeScanCode(fineCode);
|
||||||
|
if (!scanCode) {
|
||||||
|
this.showError('该细码缺少条码,无法删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: `确认删除细码 ${scanCode}?`,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
this.doScanUpdate(scanCode, ARRANGE_TYPE.DEL);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doScanUpdate(scanCode, arrangeType, options = {}) {
|
||||||
|
const { fromPhone = false } = options;
|
||||||
|
const isDelete = arrangeType === ARRANGE_TYPE.DEL;
|
||||||
|
uni.showLoading({ title: isDelete ? '删除中...' : '处理中...' });
|
||||||
|
return this.$u.api.fpmProcessReturnInOrder.scanUpdate(buildScanUpdateParams({
|
||||||
|
id: this.orderId,
|
||||||
|
scanCode,
|
||||||
|
arrangeType,
|
||||||
|
// 删除不强制仓位;录入带当前仓位
|
||||||
|
warehouseBinId: isDelete ? 0 : this.warehouseBinId,
|
||||||
|
}))
|
||||||
|
.then((scanRes) => {
|
||||||
|
this.scanDetail = buildScanDetailFromScanResponse(scanRes);
|
||||||
|
this.BillDataMessage = isDelete ? '删除成功' : '扫描成功';
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (isDelete) {
|
||||||
|
speak('已删除');
|
||||||
|
uni.showToast({ title: '删除成功', icon: 'success' });
|
||||||
|
} else {
|
||||||
|
speak('成功');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmProcessReturnInOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (order) {
|
||||||
|
this.form.item_data = order.item_data;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => null);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
const message = e.message || (isDelete ? '删除失败' : '扫码失败');
|
||||||
|
this.showError(message);
|
||||||
|
this.QRBarCode = '';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleStatusAction(action) {
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmProcessReturnInOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (!order) return;
|
||||||
|
this.applyOrder(order);
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('操作成功');
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
showSuccess(message) {
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: message, icon: 'success' });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="order.audit_status" :name="order.audit_status_name" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<text>{{ order.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">进仓类型</text>
|
||||||
|
<text>{{ order.in_order_type_name || '加工退货进仓单' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">加工单位</text>
|
||||||
|
<text>{{ order.process_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ order.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ order.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">创建人</text>
|
||||||
|
<text>{{ order.creator_name }} {{ formatTime(order.create_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="order.auditor_name" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">审核人</text>
|
||||||
|
<text>{{ order.auditor_name }} {{ formatTime(order.audit_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:title="detailTitle"
|
||||||
|
:list="order.item_data"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="actionButtons" @action="handleAction" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import util from '@/common/util';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import {
|
||||||
|
normalizeOrder,
|
||||||
|
getViewStatusActionButtons,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
formatDisplayTime,
|
||||||
|
} from '@/common/storeGoodsProcessReturnIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { OrderStatusBar, FabricOutFooter, ProcessInDetailList },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderId: 0,
|
||||||
|
order: { item_data: [] },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
actionButtons() {
|
||||||
|
return getViewStatusActionButtons(this.order.audit_status);
|
||||||
|
},
|
||||||
|
detailTitle() {
|
||||||
|
return `进仓明细(共 ${this.order.total_roll || 0} 匹)`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '查看加工退货进仓单' });
|
||||||
|
if (e.id) {
|
||||||
|
this.orderId = Number(e.id);
|
||||||
|
this.refreshOrder();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if (this.orderId) this.refreshOrder();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
refreshOrder() {
|
||||||
|
this.$u.api.fpmProcessReturnInOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.order = order;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.showError(err.message || '加载单据失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleAction(action) {
|
||||||
|
if (action === 'edit') {
|
||||||
|
uni.navigateTo({ url: `./storeGoodsProcessReturnInEdit?id=${this.orderId}` });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmProcessReturnInOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (order) this.order = order;
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: '操作成功', icon: 'success' });
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,167 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<u-input disabled placeholder="保存后自动生成" v-model="form.order_no" />
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('供应商')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">供应商<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.biz_unit_name ? '' : 'cBlack'">
|
||||||
|
{{ form.biz_unit_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('仓库名称')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.warehouse_name ? '' : 'cBlack'">
|
||||||
|
{{ form.warehouse_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5 process-in-weight-row">
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">纸筒重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.paper_tube_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="1.5"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">包装重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.package_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="0.3"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('营销体系')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">营销体系<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.sale_system_name ? '' : 'cBlack'">
|
||||||
|
{{ form.sale_system_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view @click="pickerSelectFun('订单类型')" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">订单类型<text class="redXingh">*</text></text>
|
||||||
|
<view :class="form.sale_mode_name ? '' : 'cBlack'">
|
||||||
|
{{ form.sale_mode_name || '请选择' }}
|
||||||
|
<u-icon v-if="headerEditable" class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26-column ptb20 mt32">
|
||||||
|
<view style="margin-bottom: 8rpx;"><text>单据备注</text></view>
|
||||||
|
<u-input v-model="form.remark" :disabled="!headerEditable" type="textarea" :border="true" :height="100" :auto-height="true" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInBinBar
|
||||||
|
:can-scan="canScan"
|
||||||
|
:bin-id="warehouseBinId"
|
||||||
|
:code="warehouseBinCode"
|
||||||
|
:name="warehouseBinName"
|
||||||
|
:show-phone-scan="canScan"
|
||||||
|
@code-input="warehouseBinCode = $event"
|
||||||
|
@confirm="resolveWarehouseBin"
|
||||||
|
@phone-scan="handleBinPhoneScan"
|
||||||
|
@clear="clearWarehouseBin"
|
||||||
|
/>
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessInScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
show-tare-columns
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter
|
||||||
|
v-if="!headerSaved"
|
||||||
|
:buttons="[{ label: '提交保存', action: 'save' }]"
|
||||||
|
single
|
||||||
|
@action="submitSave"
|
||||||
|
/>
|
||||||
|
<FabricOutFooter
|
||||||
|
v-else
|
||||||
|
:buttons="statusActionButtons"
|
||||||
|
@action="handleStatusAction"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsPurchaseInMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessInScanDetail,
|
||||||
|
ProcessInDetailList,
|
||||||
|
ProcessInBinBar,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
weightInputStyle: {
|
||||||
|
fontSize: '36rpx',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '新增采购进仓单' });
|
||||||
|
this.pageMode = 'add';
|
||||||
|
this.loadBaseDropdowns();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-row {
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-col {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
|
::v-deep .u-input__input {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,147 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="displayAuditStatus" :name="displayAuditStatusName" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<text>{{ form.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">供应商</text>
|
||||||
|
<text>{{ form.biz_unit_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ form.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5 process-in-weight-row">
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">纸筒重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.paper_tube_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="1.5"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">包装重量</text>
|
||||||
|
<u-input
|
||||||
|
v-model="form.package_weight"
|
||||||
|
type="digit"
|
||||||
|
:disabled="!canEditWeights"
|
||||||
|
placeholder="0.3"
|
||||||
|
:custom-style="weightInputStyle"
|
||||||
|
placeholder-style="color: #c0c4cc; font-size: 36rpx;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">营销体系</text>
|
||||||
|
<text>{{ form.sale_system_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">订单类型</text>
|
||||||
|
<text>{{ form.sale_mode_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ form.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInBinBar
|
||||||
|
:can-scan="canScan"
|
||||||
|
:bin-id="warehouseBinId"
|
||||||
|
:code="warehouseBinCode"
|
||||||
|
:name="warehouseBinName"
|
||||||
|
:show-phone-scan="canScan"
|
||||||
|
@code-input="warehouseBinCode = $event"
|
||||||
|
@confirm="resolveWarehouseBin"
|
||||||
|
@phone-scan="handleBinPhoneScan"
|
||||||
|
@clear="clearWarehouseBin"
|
||||||
|
/>
|
||||||
|
<FabricOutScanBar
|
||||||
|
:can-scan="showQrScanBar"
|
||||||
|
:value="QRBarCode"
|
||||||
|
:delete-mode="BarCodeDelStatus"
|
||||||
|
:message="BillDataMessage"
|
||||||
|
:disabled-tip="qrDisabledTip"
|
||||||
|
:show-phone-scan="canScanQr"
|
||||||
|
@input="QRBarCode = $event"
|
||||||
|
@scan="handleScan"
|
||||||
|
@phone-scan="handlePhoneScan"
|
||||||
|
@delete-mode-change="BarCodeDelChange"
|
||||||
|
/>
|
||||||
|
<ProcessInScanDetail :detail="scanDetail" />
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:list="form.item_data"
|
||||||
|
:deletable="canScan"
|
||||||
|
show-tare-columns
|
||||||
|
@delete="onDeleteFineCode"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="statusActionButtons" @action="handleStatusAction" />
|
||||||
|
|
||||||
|
<u-select v-model="selectShow" :list="selectList" :remote="isRemoteSelect" :loading="selectSearching" @search="onSelectSearch" @confirm="selectConfirmFun"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import formMixin from './storeGoodsPurchaseInMixin.js';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutScanBar from '@/components/storefabric/FabricOutScanBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInScanDetail from '@/components/storegoods/ProcessInScanDetail.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import ProcessInBinBar from '@/components/storegoods/ProcessInBinBar.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
OrderStatusBar,
|
||||||
|
FabricOutScanBar,
|
||||||
|
FabricOutFooter,
|
||||||
|
ProcessInScanDetail,
|
||||||
|
ProcessInDetailList,
|
||||||
|
ProcessInBinBar,
|
||||||
|
},
|
||||||
|
mixins: [formMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
weightInputStyle: {
|
||||||
|
fontSize: '36rpx',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '编辑采购进仓单' });
|
||||||
|
this.pageMode = 'edit';
|
||||||
|
if (e.id) {
|
||||||
|
this.loadOrder(Number(e.id), { rejectIfLocked: true });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-row {
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-col {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
|
::v-deep .u-input__input {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,281 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="filterBar">
|
||||||
|
<u-search v-model="filters.order_no" placeholder="进仓单号" :show-action="false" @search="loadList" @custom="loadList" />
|
||||||
|
<view class="filterBtn" @click="filterShow = true">
|
||||||
|
<u-icon name="list" size="40" color="#666"></u-icon>
|
||||||
|
<text>筛选</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y :style="{ height: scrollHeight }" refresher-enabled
|
||||||
|
:refresher-triggered="triggered" @refresherrefresh="onRefresh">
|
||||||
|
<dataNull v-if="list.length === 0" src="/src/static/img/chahua/gjNull.png"
|
||||||
|
title="暂无采购进仓单" title1="请点击右下角按钮新增">
|
||||||
|
</dataNull>
|
||||||
|
<view v-for="(item, index) in list" :key="item.id" @click="goView(item)">
|
||||||
|
<PurchaseInItem :item="item" :index="index" />
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<addBtn url="./storeGoodsPurchaseInAdd"></addBtn>
|
||||||
|
|
||||||
|
<u-popup v-model="filterShow" mode="right" width="580rpx" :safe-area-inset-bottom="true">
|
||||||
|
<view class="filterPanel">
|
||||||
|
<view class="filterTitle">筛选条件</view>
|
||||||
|
<view class="filterItem">
|
||||||
|
<text class="filterLabel">进仓单号</text>
|
||||||
|
<u-input v-model="filters.order_no" placeholder="请输入进仓单号" />
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openSupplierSelect">
|
||||||
|
<text class="filterLabel">供应商</text>
|
||||||
|
<view class="filterValue">{{ supplierLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openWarehouseSelect">
|
||||||
|
<text class="filterLabel">仓库</text>
|
||||||
|
<view class="filterValue">{{ warehouseLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterItem" @click="openStatusSelect">
|
||||||
|
<text class="filterLabel">订单状态</text>
|
||||||
|
<view class="filterValue">{{ statusLabel || '全部' }} <u-icon name="arrow-right" size="28"></u-icon></view>
|
||||||
|
</view>
|
||||||
|
<view class="filterActions">
|
||||||
|
<u-button type="warning" size="medium" @click="resetFilter">重置</u-button>
|
||||||
|
<u-button type="primary" size="medium" @click="applyFilter">确定</u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
|
<u-select v-model="statusSelectShow" :list="statusSelectList" @confirm="onStatusConfirm"></u-select>
|
||||||
|
<u-select v-model="unitSelectShow" :list="unitSelectList" remote :loading="selectSearching" @search="onUnitSearch" @confirm="onUnitConfirm"></u-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import addBtn from '@/components/addBtn/addBtn.vue';
|
||||||
|
import PurchaseInItem from '@/components/card/storeGoodsPurchaseInItem.vue';
|
||||||
|
import {
|
||||||
|
getStatusOptions,
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
formatRoll,
|
||||||
|
mapToSelectOptions,
|
||||||
|
fetchAllOrderList,
|
||||||
|
} from '@/common/storeGoodsPurchaseIn';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { addBtn, PurchaseInItem },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
scrollHeight: '667px',
|
||||||
|
triggered: false,
|
||||||
|
listLoading: false,
|
||||||
|
filterShow: false,
|
||||||
|
statusSelectShow: false,
|
||||||
|
unitSelectShow: false,
|
||||||
|
unitSelectType: '',
|
||||||
|
supplierOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
unitOptionsLoading: false,
|
||||||
|
selectSearching: false,
|
||||||
|
unitSearchSeq: 0,
|
||||||
|
unitSelectList: [{ value: '', label: '全部' }],
|
||||||
|
filters: {
|
||||||
|
order_no: '',
|
||||||
|
supplier_id: '',
|
||||||
|
supplier_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
},
|
||||||
|
statusSelectList: [
|
||||||
|
{ value: '', label: '全部' },
|
||||||
|
...getStatusOptions(),
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
statusLabel() {
|
||||||
|
if (this.filters.audit_status === '' || this.filters.audit_status === null) return '';
|
||||||
|
return AUDIT_STATUS_MAP[Number(this.filters.audit_status)] || '';
|
||||||
|
},
|
||||||
|
supplierLabel() {
|
||||||
|
return this.filters.supplier_name || '';
|
||||||
|
},
|
||||||
|
warehouseLabel() {
|
||||||
|
return this.filters.warehouse_name || '';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
uni.setNavigationBarTitle({ title: '成品采购进仓' });
|
||||||
|
uni.getSystemInfo({
|
||||||
|
success: (res) => {
|
||||||
|
this.scrollHeight = `${res.windowHeight - 50}px`;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadSupplierOptions() {
|
||||||
|
if (this.supplierOptions.length) return Promise.resolve(this.supplierOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER })
|
||||||
|
.then((res) => {
|
||||||
|
this.supplierOptions = mapToSelectOptions(res);
|
||||||
|
return this.supplierOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.supplierOptions = [];
|
||||||
|
return this.supplierOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
loadWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
return this.warehouseOptions;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.warehouseOptions = [];
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyUnitSelectList(list) {
|
||||||
|
const rows = Array.isArray(list) ? list.slice() : [];
|
||||||
|
this.unitSelectList = [{ value: '', label: '全部' }].concat(rows);
|
||||||
|
},
|
||||||
|
openUnitSelect(type) {
|
||||||
|
this.unitSelectType = type;
|
||||||
|
const cache = type === 'warehouse' ? this.warehouseOptions : this.supplierOptions;
|
||||||
|
this.applyUnitSelectList(cache);
|
||||||
|
this.unitSelectShow = true;
|
||||||
|
},
|
||||||
|
onUnitSearch(keyword) {
|
||||||
|
const seq = ++this.unitSearchSeq;
|
||||||
|
const type = this.unitSelectType;
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
this.selectSearching = true;
|
||||||
|
const req = type === 'warehouse'
|
||||||
|
? this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
: this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER }, keyword));
|
||||||
|
req.then((res) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) {
|
||||||
|
if (type === 'warehouse') this.warehouseOptions = list;
|
||||||
|
else this.supplierOptions = list;
|
||||||
|
}
|
||||||
|
this.applyUnitSelectList(list);
|
||||||
|
}).catch((e) => {
|
||||||
|
if (seq !== this.unitSearchSeq) return;
|
||||||
|
uni.showToast({ title: (e && e.message) || '搜索失败', icon: 'none' });
|
||||||
|
}).then(() => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
}, () => {
|
||||||
|
if (seq === this.unitSearchSeq) this.selectSearching = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
openSupplierSelect() {
|
||||||
|
this.openUnitSelect('supplier');
|
||||||
|
},
|
||||||
|
openWarehouseSelect() {
|
||||||
|
this.openUnitSelect('warehouse');
|
||||||
|
},
|
||||||
|
onUnitConfirm(e) {
|
||||||
|
const item = e[0] || {};
|
||||||
|
if (this.unitSelectType === 'warehouse') {
|
||||||
|
this.filters.warehouse_id = item.value;
|
||||||
|
this.filters.warehouse_name = item.value ? item.label : '';
|
||||||
|
} else {
|
||||||
|
this.filters.supplier_id = item.value;
|
||||||
|
this.filters.supplier_name = item.value ? item.label : '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
loadList() {
|
||||||
|
if (this.listLoading) return;
|
||||||
|
this.listLoading = true;
|
||||||
|
const params = {};
|
||||||
|
if (this.filters.order_no) params.order_no = this.filters.order_no;
|
||||||
|
if (this.filters.supplier_id) params.supplier_id = this.filters.supplier_id;
|
||||||
|
if (this.filters.warehouse_id) params.warehouse_id = this.filters.warehouse_id;
|
||||||
|
if (this.filters.audit_status !== '' && this.filters.audit_status !== null) {
|
||||||
|
params.audit_status = this.filters.audit_status;
|
||||||
|
}
|
||||||
|
fetchAllOrderList((p) => this.$u.api.fpmPrcInOrder.list(p), params)
|
||||||
|
.then((rows) => {
|
||||||
|
this.list = rows.map(this.mapToCard);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.list = [];
|
||||||
|
uni.showToast({ title: err.message || '加载失败', icon: 'none' });
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.listLoading = false;
|
||||||
|
this.triggered = false;
|
||||||
|
// 避免并发请求下 uView 全局 loading 遮罩关不掉
|
||||||
|
uni.hideLoading();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
mapToCard(order) {
|
||||||
|
return {
|
||||||
|
id: order.id,
|
||||||
|
order_no: order.order_no || '',
|
||||||
|
biz_unit_id: order.biz_unit_id || '',
|
||||||
|
biz_unit_name: order.biz_unit_name || '',
|
||||||
|
warehouse_id: order.warehouse_id || '',
|
||||||
|
warehouse_name: order.warehouse_name || '',
|
||||||
|
create_user_name: order.creator_name || '',
|
||||||
|
create_time: order.create_time || '',
|
||||||
|
auditor_name: order.auditor_name || '',
|
||||||
|
audit_date: order.audit_time || '',
|
||||||
|
audit_status: order.audit_status,
|
||||||
|
audit_status_name: order.audit_status_name || AUDIT_STATUS_MAP[order.audit_status] || '',
|
||||||
|
total_roll: formatRoll(order.total_roll),
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onRefresh() {
|
||||||
|
this.triggered = true;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
goView(item) {
|
||||||
|
const page = Number(item.audit_status) === 1
|
||||||
|
? 'storeGoodsPurchaseInEdit'
|
||||||
|
: 'storeGoodsPurchaseInView';
|
||||||
|
uni.navigateTo({ url: `./${page}?id=${item.id}` });
|
||||||
|
},
|
||||||
|
openStatusSelect() { this.statusSelectShow = true; },
|
||||||
|
onStatusConfirm(e) { this.filters.audit_status = e[0].value; },
|
||||||
|
resetFilter() {
|
||||||
|
this.filters = {
|
||||||
|
order_no: '',
|
||||||
|
supplier_id: '',
|
||||||
|
supplier_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
audit_status: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
applyFilter() {
|
||||||
|
this.filterShow = false;
|
||||||
|
this.loadList();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
page { background-color: #F8F8F8; }
|
||||||
|
.filterBar { display: flex; align-items: center; padding: 16rpx 20rpx; background: #fff; gap: 16rpx; }
|
||||||
|
.filterBtn { display: flex; flex-direction: column; align-items: center; font-size: 22rpx; color: #666; min-width: 80rpx; }
|
||||||
|
.filterPanel { padding: 30rpx; }
|
||||||
|
.filterTitle { font-size: 32rpx; font-weight: bold; margin-bottom: 30rpx; }
|
||||||
|
.filterItem { margin-bottom: 24rpx; }
|
||||||
|
.filterLabel { display: block; font-size: 28rpx; color: #666; margin-bottom: 12rpx; }
|
||||||
|
.filterValue { display: flex; align-items: center; justify-content: space-between; padding: 16rpx; background: #f5f5f5; border-radius: 8rpx; font-size: 28rpx; }
|
||||||
|
.filterActions { display: flex; gap: 20rpx; margin-top: 40rpx; }
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,658 @@
|
|||||||
|
/**
|
||||||
|
* 成品采购进仓单表单 mixin(新增/编辑共用)
|
||||||
|
*
|
||||||
|
* 1. 先填表头(供应商 / 仓库 / 营销体系 / 订单类型 / 备注)提交 add,拿到 id 后可扫码
|
||||||
|
* 2. 先扫仓位(getWarehouseBin:传 qr_code + warehouse_id),校验后扫布匹二维码
|
||||||
|
* 3. 扫码走 updateFpmPrcInOrder(arrange_type: 1 录入 / 3 删除,带 warehouse_bin_id、纸筒/包装重量)
|
||||||
|
* 4. 手机扫码成功展示详情后自动再次调起扫码,形成连续扫
|
||||||
|
*/
|
||||||
|
import util from '@/common/util';
|
||||||
|
import scanMixin from '@/common/scanMixin.js';
|
||||||
|
import remoteSelectMixin from '@/common/remoteSelectMixin.js';
|
||||||
|
import { withNameParam } from '@/common/remoteSelect';
|
||||||
|
import { initTts, speak } from '@/common/tts.js';
|
||||||
|
import {
|
||||||
|
AUDIT_STATUS_MAP,
|
||||||
|
ARRANGE_TYPE,
|
||||||
|
BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER,
|
||||||
|
WAREHOUSE_TYPE_FINISHED,
|
||||||
|
IN_ORDER_TYPE_PURCHASE,
|
||||||
|
IN_ORDER_TYPE_MAP,
|
||||||
|
SALE_MODE,
|
||||||
|
SALE_MODE_MAP,
|
||||||
|
SALE_MODE_OPTIONS,
|
||||||
|
DEFAULT_PAPER_TUBE_WEIGHT,
|
||||||
|
DEFAULT_PACKAGE_WEIGHT,
|
||||||
|
normalizeOrder,
|
||||||
|
mapToSelectOptions,
|
||||||
|
canScanAtStatus,
|
||||||
|
isLockedOrderStatus,
|
||||||
|
getFormStatusActionButtons,
|
||||||
|
orderToFormFields,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
DRAFT_AUDIT_STATUS,
|
||||||
|
DRAFT_AUDIT_STATUS_NAME,
|
||||||
|
getEmptyScanDetail,
|
||||||
|
buildScanDetailFromScanResponse,
|
||||||
|
buildScanUpdateParams,
|
||||||
|
pickDefaultWarehouse,
|
||||||
|
validateScanWeights,
|
||||||
|
} from '@/common/storeGoodsPurchaseIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mixins: [scanMixin, remoteSelectMixin],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
pageMode: 'add',
|
||||||
|
orderId: 0,
|
||||||
|
form: this.getEmptyForm(),
|
||||||
|
headerSaved: false,
|
||||||
|
selectShow: false,
|
||||||
|
selectList: [],
|
||||||
|
selectType: '',
|
||||||
|
canScan: false,
|
||||||
|
QRBarCode: '',
|
||||||
|
BarCodeDelStatus: false,
|
||||||
|
BillDataMessage: '',
|
||||||
|
scanDetail: getEmptyScanDetail(),
|
||||||
|
auditStatus: 0,
|
||||||
|
supplierOptions: [],
|
||||||
|
warehouseOptions: [],
|
||||||
|
saleSystemOptions: [],
|
||||||
|
saleModeOptions: SALE_MODE_OPTIONS,
|
||||||
|
dropdownLoading: false,
|
||||||
|
/** 仓位 */
|
||||||
|
warehouseBinId: 0,
|
||||||
|
warehouseBinCode: '',
|
||||||
|
warehouseBinName: '',
|
||||||
|
/** 手机连续扫码开关:成功后自动再调起;取消/失败则关闭 */
|
||||||
|
phoneContinuousScan: false,
|
||||||
|
/** 手机扫当前目标:bin | qr */
|
||||||
|
phoneScanTarget: 'bin',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isReadonly() {
|
||||||
|
return this.pageMode === 'view';
|
||||||
|
},
|
||||||
|
isEditable() {
|
||||||
|
return this.pageMode === 'add' || this.pageMode === 'edit';
|
||||||
|
},
|
||||||
|
headerEditable() {
|
||||||
|
return this.pageMode === 'add' && !this.headerSaved;
|
||||||
|
},
|
||||||
|
/** 纸筒/包装重量随扫码提交,保存前后及可扫编辑态均可改 */
|
||||||
|
canEditWeights() {
|
||||||
|
return this.isEditable && (this.headerEditable || this.canScan);
|
||||||
|
},
|
||||||
|
statusActionButtons() {
|
||||||
|
return getFormStatusActionButtons(this.headerSaved, this.orderId, this.auditStatus);
|
||||||
|
},
|
||||||
|
displayAuditStatus() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS;
|
||||||
|
return this.auditStatus;
|
||||||
|
},
|
||||||
|
displayAuditStatusName() {
|
||||||
|
if (this.pageMode === 'add' && !this.headerSaved) return DRAFT_AUDIT_STATUS_NAME;
|
||||||
|
return AUDIT_STATUS_MAP[this.auditStatus] || '';
|
||||||
|
},
|
||||||
|
/** 录入需先选仓位;删除模式仅需单据可扫 */
|
||||||
|
canScanQr() {
|
||||||
|
if (!this.canScan) return false;
|
||||||
|
if (this.BarCodeDelStatus) return true;
|
||||||
|
return !!this.warehouseBinId;
|
||||||
|
},
|
||||||
|
/** 扫码栏在可扫状态下始终展示(含删除勾选) */
|
||||||
|
showQrScanBar() {
|
||||||
|
return this.canScan;
|
||||||
|
},
|
||||||
|
qrDisabledTip() {
|
||||||
|
if (!this.canScan) return '请先提交保存后再扫码';
|
||||||
|
if (!this.warehouseBinId && !this.BarCodeDelStatus) return '请先扫描仓位后再扫布匹二维码';
|
||||||
|
return '当前状态不可扫码';
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.isPageActive = true;
|
||||||
|
initTts();
|
||||||
|
if (this.canScan && this.isEditable) {
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
onUnload() {
|
||||||
|
this.isPageActive = false;
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clearWarehouseBin() {
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
/** 重扫仓位:先清空输入框再填入,避免残留旧码拼接 */
|
||||||
|
applyWarehouseBinScan(scanResult) {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.warehouseBinCode = code;
|
||||||
|
this.$nextTick(() => this.resolveWarehouseBin());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleBinPhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.phoneScanTarget = 'bin';
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.applyWarehouseBinScan(scanResult);
|
||||||
|
},
|
||||||
|
fail: () => {},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handlePhoneScan() {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 删除模式可直接扫布匹码;录入模式无仓位时先扫仓位
|
||||||
|
if (!this.BarCodeDelStatus && !this.warehouseBinId) {
|
||||||
|
this.handleBinPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.phoneScanTarget = 'qr';
|
||||||
|
this.phoneContinuousScan = true;
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
},
|
||||||
|
openContinuousPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.openPhoneScan({
|
||||||
|
callback: (scanResult) => {
|
||||||
|
this.QRBarCode = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
this.$nextTick(() => this.handleScan({ fromPhone: true }));
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
scheduleNextPhoneScan() {
|
||||||
|
if (!this.phoneContinuousScan || !this.canScanQr || !this.isPageActive) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
this.openContinuousPhoneScan();
|
||||||
|
}, 400);
|
||||||
|
},
|
||||||
|
registerOrderScanBroadcast() {
|
||||||
|
this.registerScanBroadcast((scanResult) => {
|
||||||
|
const code = String(scanResult || '').trim().replace(/[\r\n]/g, '');
|
||||||
|
if (!code) return;
|
||||||
|
// 删除模式:直接按布匹码删除;未扫仓位时枪扫优先解析为仓位
|
||||||
|
if (!this.BarCodeDelStatus && !this.warehouseBinId) {
|
||||||
|
this.applyWarehouseBinScan(code);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.QRBarCode = code;
|
||||||
|
this.$nextTick(() => this.handleScan());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
resolveWarehouseBin() {
|
||||||
|
const code = (this.warehouseBinCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) return;
|
||||||
|
if (!this.form.warehouse_id) {
|
||||||
|
this.showError('单据缺少仓库信息');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '识别仓位...' });
|
||||||
|
return this.$u.api.warehouseBin.getByQrCode({
|
||||||
|
qr_code: code,
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
})
|
||||||
|
.then((data) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (!data || !data.id) {
|
||||||
|
throw new Error('未识别到仓位');
|
||||||
|
}
|
||||||
|
// 返回 physical_warehouse_id,与单据仓库校验
|
||||||
|
if (
|
||||||
|
data.physical_warehouse_id
|
||||||
|
&& String(data.physical_warehouse_id) !== String(this.form.warehouse_id)
|
||||||
|
) {
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
throw new Error('该仓位不属于当前仓库');
|
||||||
|
}
|
||||||
|
this.warehouseBinId = data.id;
|
||||||
|
this.warehouseBinCode = data.code || data.qr_code || code;
|
||||||
|
this.warehouseBinName = data.name || '';
|
||||||
|
this.BillDataMessage = '';
|
||||||
|
speak('仓位成功');
|
||||||
|
uni.showToast({ title: '仓位识别成功', icon: 'success' });
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.warehouseBinId = 0;
|
||||||
|
this.warehouseBinCode = '';
|
||||||
|
this.warehouseBinName = '';
|
||||||
|
this.showError(e.message || '仓位识别失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
syncCanScanFromStatus(status) {
|
||||||
|
const nextCanScan = this.isEditable && canScanAtStatus(status);
|
||||||
|
if (this.canScan && !nextCanScan) {
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
this.unregisterScanBroadcast();
|
||||||
|
}
|
||||||
|
this.canScan = nextCanScan;
|
||||||
|
},
|
||||||
|
loadBaseDropdowns() {
|
||||||
|
if (this.dropdownLoading) return Promise.resolve();
|
||||||
|
this.dropdownLoading = true;
|
||||||
|
if (this.headerEditable) this.applyDefaultSaleSystem();
|
||||||
|
return Promise.all([
|
||||||
|
this.ensureSupplierOptions().catch((e) => {
|
||||||
|
console.error('加载供应商失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureWarehouseOptions().catch((e) => {
|
||||||
|
console.error('加载仓库失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
this.ensureSaleSystemOptions().catch((e) => {
|
||||||
|
console.error('加载营销体系失败', e);
|
||||||
|
return [];
|
||||||
|
}),
|
||||||
|
]).finally(() => {
|
||||||
|
this.dropdownLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureSupplierOptions() {
|
||||||
|
if (this.supplierOptions.length) return Promise.resolve(this.supplierOptions);
|
||||||
|
return this.$u.api.businessUnit.list({ unit_type_id: BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER })
|
||||||
|
.then((res) => {
|
||||||
|
this.supplierOptions = mapToSelectOptions(res);
|
||||||
|
return this.supplierOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureWarehouseOptions() {
|
||||||
|
if (this.warehouseOptions.length) return Promise.resolve(this.warehouseOptions);
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED })
|
||||||
|
.then((res) => {
|
||||||
|
this.warehouseOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable && !this.form.warehouse_id) {
|
||||||
|
this.applyDefaultWarehouse();
|
||||||
|
}
|
||||||
|
return this.warehouseOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
ensureSaleSystemOptions() {
|
||||||
|
if (this.saleSystemOptions.length) return Promise.resolve(this.saleSystemOptions);
|
||||||
|
return this.$u.api.saleSystem.getDropdownList()
|
||||||
|
.then((res) => {
|
||||||
|
this.saleSystemOptions = mapToSelectOptions(res);
|
||||||
|
if (this.headerEditable) this.applyDefaultSaleSystem();
|
||||||
|
return this.saleSystemOptions;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fetchRemoteSelectOptions(type, keyword) {
|
||||||
|
const empty = !String(keyword || '').trim();
|
||||||
|
if (type === '供应商') {
|
||||||
|
return this.$u.api.businessUnit.list(withNameParam({ unit_type_id: BUSINESS_UNIT_TYPE_PRODUCT_SUPPLIER }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.supplierOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (type === '仓库名称') {
|
||||||
|
return this.$u.api.physicalWarehouse.getDropdownList(withNameParam({ warehouse_type_id: WAREHOUSE_TYPE_FINISHED }, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.warehouseOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (type === '营销体系') {
|
||||||
|
return this.$u.api.saleSystem.getDropdownList(withNameParam({}, keyword))
|
||||||
|
.then((res) => {
|
||||||
|
const list = mapToSelectOptions(res);
|
||||||
|
if (empty) this.saleSystemOptions = list;
|
||||||
|
return list;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return Promise.resolve([]);
|
||||||
|
},
|
||||||
|
applyDefaultWarehouse() {
|
||||||
|
const app = getApp();
|
||||||
|
const picked = pickDefaultWarehouse(
|
||||||
|
this.warehouseOptions,
|
||||||
|
app && app.globalData ? app.globalData.StoreNameID : '',
|
||||||
|
app && app.globalData ? app.globalData.StoreName : '',
|
||||||
|
);
|
||||||
|
if (!picked) return;
|
||||||
|
this.form.warehouse_id = picked.value;
|
||||||
|
this.form.warehouse_name = picked.label;
|
||||||
|
},
|
||||||
|
applyDefaultSaleSystem() {
|
||||||
|
if (this.form.sale_system_id) {
|
||||||
|
if (!this.form.sale_system_name && this.saleSystemOptions.length) {
|
||||||
|
const found = this.saleSystemOptions.find(
|
||||||
|
(item) => String(item.value) === String(this.form.sale_system_id),
|
||||||
|
);
|
||||||
|
if (found) this.form.sale_system_name = found.label;
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const app = getApp();
|
||||||
|
const gd = app && app.globalData ? app.globalData : {};
|
||||||
|
const id = gd.PlanDepartmentID;
|
||||||
|
if (!id) return;
|
||||||
|
this.form.sale_system_id = id;
|
||||||
|
this.form.sale_system_name = gd.PlanDepartmentName || '';
|
||||||
|
if (!this.form.sale_system_name && this.saleSystemOptions.length) {
|
||||||
|
const found = this.saleSystemOptions.find((item) => String(item.value) === String(id));
|
||||||
|
if (found) this.form.sale_system_name = found.label;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getEmptyForm() {
|
||||||
|
const app = getApp();
|
||||||
|
const gd = app && app.globalData ? app.globalData : {};
|
||||||
|
return {
|
||||||
|
order_no: '',
|
||||||
|
biz_unit_id: '',
|
||||||
|
biz_unit_name: '',
|
||||||
|
warehouse_id: '',
|
||||||
|
warehouse_name: '',
|
||||||
|
sale_system_id: gd.PlanDepartmentID || '',
|
||||||
|
sale_system_name: gd.PlanDepartmentName || '',
|
||||||
|
sale_mode: SALE_MODE.BULK,
|
||||||
|
sale_mode_name: SALE_MODE_MAP[SALE_MODE.BULK],
|
||||||
|
in_order_type: IN_ORDER_TYPE_PURCHASE,
|
||||||
|
in_order_type_name: IN_ORDER_TYPE_MAP[IN_ORDER_TYPE_PURCHASE],
|
||||||
|
paper_tube_weight: String(DEFAULT_PAPER_TUBE_WEIGHT),
|
||||||
|
package_weight: String(DEFAULT_PACKAGE_WEIGHT),
|
||||||
|
remark: '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
loadOrder(id, options = {}) {
|
||||||
|
const { rejectIfLocked = false } = options;
|
||||||
|
return this.$u.api.fpmPrcInOrder.detail({ id })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (rejectIfLocked && isLockedOrderStatus(order.audit_status)) {
|
||||||
|
this.showError('当前状态不可编辑');
|
||||||
|
setTimeout(() => uni.navigateBack(), 1500);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
this.orderId = order.id;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.form = orderToFormFields(order);
|
||||||
|
this.clearWarehouseBin();
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
if (this.canScan) this.registerOrderScanBroadcast();
|
||||||
|
return order;
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
this.showError(e.message || '加载单据失败');
|
||||||
|
return null;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
pickerSelectFun(type) {
|
||||||
|
if (!this.headerEditable) return;
|
||||||
|
if (type === '订单类型') {
|
||||||
|
this.selectType = type;
|
||||||
|
if (!this.saleModeOptions.length) {
|
||||||
|
this.showError('暂无可选数据');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.selectList = this.saleModeOptions;
|
||||||
|
this.selectShow = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const cache = {
|
||||||
|
'供应商': this.supplierOptions,
|
||||||
|
'仓库名称': this.warehouseOptions,
|
||||||
|
'营销体系': this.saleSystemOptions,
|
||||||
|
};
|
||||||
|
if (cache[type]) this.openSelectPicker(type, cache[type]);
|
||||||
|
},
|
||||||
|
selectConfirmFun(e) {
|
||||||
|
const item = e[0];
|
||||||
|
if (this.selectType === '供应商') {
|
||||||
|
this.form.biz_unit_id = item.value;
|
||||||
|
this.form.biz_unit_name = item.label;
|
||||||
|
} else if (this.selectType === '仓库名称') {
|
||||||
|
this.form.warehouse_id = item.value;
|
||||||
|
this.form.warehouse_name = item.label;
|
||||||
|
} else if (this.selectType === '营销体系') {
|
||||||
|
this.form.sale_system_id = item.value;
|
||||||
|
this.form.sale_system_name = item.label;
|
||||||
|
} else if (this.selectType === '订单类型') {
|
||||||
|
this.form.sale_mode = item.value;
|
||||||
|
this.form.sale_mode_name = item.label;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validateForm() {
|
||||||
|
if (!this.form.biz_unit_id) return '请选择供应商';
|
||||||
|
if (!this.form.warehouse_id) return '请选择仓库名称';
|
||||||
|
if (!this.form.sale_system_id) return '请选择营销体系';
|
||||||
|
if (!this.form.sale_mode) return '请选择订单类型';
|
||||||
|
return '';
|
||||||
|
},
|
||||||
|
buildAddParam() {
|
||||||
|
return {
|
||||||
|
inOrderType: IN_ORDER_TYPE_PURCHASE,
|
||||||
|
biz_unit_id: Number(this.form.biz_unit_id),
|
||||||
|
warehouse_id: Number(this.form.warehouse_id),
|
||||||
|
sale_system_id: Number(this.form.sale_system_id),
|
||||||
|
sale_mode: Number(this.form.sale_mode),
|
||||||
|
remark: this.form.remark || '',
|
||||||
|
item_data: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
submitSave() {
|
||||||
|
if (this.headerSaved) {
|
||||||
|
this.showError('表头已保存,请直接扫码');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const err = this.validateForm();
|
||||||
|
if (err) {
|
||||||
|
this.showError(err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: '保存中...' });
|
||||||
|
this.$u.api.fpmPrcInOrder.add(this.buildAddParam())
|
||||||
|
.then((res) => {
|
||||||
|
this.orderId = (res && res.id) || 0;
|
||||||
|
if (!this.orderId) {
|
||||||
|
throw new Error('保存失败,未返回单据ID');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmPrcInOrder.detail({ id: this.orderId });
|
||||||
|
})
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
this.applyOrder(order, { keepWeights: true });
|
||||||
|
this.headerSaved = true;
|
||||||
|
this.clearWarehouseBin();
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('保存成功,请先扫描仓位');
|
||||||
|
this.registerOrderScanBroadcast();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.showError(e.message || '保存失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
applyOrder(order, options = {}) {
|
||||||
|
if (!order) return;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
const paperTubeWeight = this.form.paper_tube_weight;
|
||||||
|
const packageWeight = this.form.package_weight;
|
||||||
|
Object.assign(this.form, orderToFormFields(order));
|
||||||
|
if (options.keepWeights) {
|
||||||
|
this.form.paper_tube_weight = paperTubeWeight;
|
||||||
|
this.form.package_weight = packageWeight;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleScan(options = {}) {
|
||||||
|
const fromPhone = !!options.fromPhone;
|
||||||
|
const code = (this.QRBarCode || '').trim();
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('请先提交保存后再扫码');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const isDelete = this.BarCodeDelStatus;
|
||||||
|
if (!isDelete && !this.warehouseBinId) {
|
||||||
|
this.showError('请先扫描仓位');
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!code) {
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const arrangeType = isDelete ? ARRANGE_TYPE.DEL : ARRANGE_TYPE.IN;
|
||||||
|
this.doScanUpdate(code, arrangeType, { fromPhone });
|
||||||
|
},
|
||||||
|
BarCodeDelChange(e) {
|
||||||
|
this.BarCodeDelStatus = (e.detail.value || []).length > 0;
|
||||||
|
this.BillDataMessage = this.BarCodeDelStatus ? '删除模式:扫描细码即可删除' : '';
|
||||||
|
},
|
||||||
|
getFineCodeScanCode(fineCode) {
|
||||||
|
if (!fineCode) return '';
|
||||||
|
return fineCode.qr_code
|
||||||
|
|| fineCode.long_code
|
||||||
|
|| fineCode.scan_code
|
||||||
|
|| fineCode.digital_code
|
||||||
|
|| fineCode.bar_code
|
||||||
|
|| fineCode.short_code
|
||||||
|
|| '';
|
||||||
|
},
|
||||||
|
onDeleteFineCode(fineCode) {
|
||||||
|
if (!this.canScan || !this.orderId) {
|
||||||
|
this.showError('当前状态不可删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const scanCode = this.getFineCodeScanCode(fineCode);
|
||||||
|
if (!scanCode) {
|
||||||
|
this.showError('该细码缺少条码,无法删除');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: `确认删除细码 ${scanCode}?`,
|
||||||
|
success: (res) => {
|
||||||
|
if (!res.confirm) return;
|
||||||
|
this.doScanUpdate(scanCode, ARRANGE_TYPE.DEL);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
doScanUpdate(scanCode, arrangeType, options = {}) {
|
||||||
|
const { fromPhone = false } = options;
|
||||||
|
const isDelete = arrangeType === ARRANGE_TYPE.DEL;
|
||||||
|
if (!isDelete) {
|
||||||
|
const weightErr = validateScanWeights(this.form.paper_tube_weight, this.form.package_weight);
|
||||||
|
if (weightErr) {
|
||||||
|
this.showError(weightErr);
|
||||||
|
this.QRBarCode = '';
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uni.showLoading({ title: isDelete ? '删除中...' : '处理中...' });
|
||||||
|
return this.$u.api.fpmPrcInOrder.scanUpdate(buildScanUpdateParams({
|
||||||
|
id: this.orderId,
|
||||||
|
scanCode,
|
||||||
|
arrangeType,
|
||||||
|
// 删除不强制仓位;录入带当前仓位
|
||||||
|
warehouseBinId: isDelete ? 0 : this.warehouseBinId,
|
||||||
|
paperTubeWeight: this.form.paper_tube_weight,
|
||||||
|
packageWeight: this.form.package_weight,
|
||||||
|
}))
|
||||||
|
.then((scanRes) => {
|
||||||
|
this.scanDetail = buildScanDetailFromScanResponse(scanRes);
|
||||||
|
this.BillDataMessage = isDelete ? '删除成功' : '扫描成功';
|
||||||
|
this.QRBarCode = '';
|
||||||
|
if (isDelete) {
|
||||||
|
speak('已删除');
|
||||||
|
uni.showToast({ title: '删除成功', icon: 'success' });
|
||||||
|
} else {
|
||||||
|
speak('成功');
|
||||||
|
}
|
||||||
|
return this.$u.api.fpmPrcInOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (order) {
|
||||||
|
this.form.item_data = order.item_data;
|
||||||
|
this.auditStatus = order.audit_status;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => null);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
if (fromPhone) this.scheduleNextPhoneScan();
|
||||||
|
})
|
||||||
|
.catch((e) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
this.phoneContinuousScan = false;
|
||||||
|
const message = e.message || (isDelete ? '删除失败' : '扫码失败');
|
||||||
|
this.showError(message);
|
||||||
|
this.QRBarCode = '';
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleStatusAction(action) {
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmPrcInOrder.detail({ id: this.orderId })
|
||||||
|
.then((detail) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(detail);
|
||||||
|
if (!order) return;
|
||||||
|
this.applyOrder(order);
|
||||||
|
this.syncCanScanFromStatus(order.audit_status);
|
||||||
|
this.showSuccess('操作成功');
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
showSuccess(message) {
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: message, icon: 'success' });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
@@ -0,0 +1,153 @@
|
|||||||
|
<template>
|
||||||
|
<view class="fabric-out-page">
|
||||||
|
<OrderStatusBar class="fabric-out-mt32" :status="order.audit_status" :name="order.audit_status_name" />
|
||||||
|
|
||||||
|
<view class="flex-white-plr26 ptb10 bdb_f5">
|
||||||
|
<text class="mr26">进仓单号</text>
|
||||||
|
<text>{{ order.order_no }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">供应商</text>
|
||||||
|
<text>{{ order.biz_unit_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">仓库名称</text>
|
||||||
|
<text>{{ order.warehouse_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5 process-in-weight-row">
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">纸筒重量</text>
|
||||||
|
<text>{{ order.paper_tube_weight != null ? order.paper_tube_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="process-in-weight-col">
|
||||||
|
<text class="mr16">包装重量</text>
|
||||||
|
<text>{{ order.package_weight != null ? order.package_weight : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">营销体系</text>
|
||||||
|
<text>{{ order.sale_system_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">订单类型</text>
|
||||||
|
<text>{{ order.sale_mode_name || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">单据备注</text>
|
||||||
|
<text>{{ order.remark || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">创建人</text>
|
||||||
|
<text>{{ order.creator_name }} {{ formatTime(order.create_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
<view v-if="order.auditor_name" class="flex-white-plr26 ptb20 bdb_f5">
|
||||||
|
<text class="mr26">审核人</text>
|
||||||
|
<text>{{ order.auditor_name }} {{ formatTime(order.audit_time, 'YYYY-MM-DD') }}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<ProcessInDetailList
|
||||||
|
:title="detailTitle"
|
||||||
|
:list="order.item_data"
|
||||||
|
show-tare-columns
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FabricOutFooter :buttons="actionButtons" @action="handleAction" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import util from '@/common/util';
|
||||||
|
import OrderStatusBar from '@/components/storefabric/OrderStatusBar.vue';
|
||||||
|
import FabricOutFooter from '@/components/storefabric/FabricOutFooter.vue';
|
||||||
|
import ProcessInDetailList from '@/components/storegoods/ProcessInDetailList.vue';
|
||||||
|
import {
|
||||||
|
normalizeOrder,
|
||||||
|
getViewStatusActionButtons,
|
||||||
|
confirmOrderStatusAction,
|
||||||
|
formatDisplayTime,
|
||||||
|
} from '@/common/storeGoodsPurchaseIn';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { OrderStatusBar, FabricOutFooter, ProcessInDetailList },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderId: 0,
|
||||||
|
order: { item_data: [] },
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
actionButtons() {
|
||||||
|
return getViewStatusActionButtons(this.order.audit_status);
|
||||||
|
},
|
||||||
|
detailTitle() {
|
||||||
|
return `进仓明细(共 ${this.order.total_roll || 0} 匹)`;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
uni.setNavigationBarTitle({ title: '采购进仓单详情' });
|
||||||
|
if (e.id) {
|
||||||
|
this.orderId = Number(e.id);
|
||||||
|
this.refreshOrder();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if (this.orderId) this.refreshOrder();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatTime: formatDisplayTime,
|
||||||
|
refreshOrder() {
|
||||||
|
this.$u.api.fpmPrcInOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (!order) {
|
||||||
|
this.showError('单据不存在');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.order = order;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.showError(err.message || '加载单据失败');
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleAction(action) {
|
||||||
|
if (action === 'edit') {
|
||||||
|
uni.navigateTo({ url: `./storeGoodsPurchaseInEdit?id=${this.orderId}` });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
confirmOrderStatusAction(this, {
|
||||||
|
orderId: this.orderId,
|
||||||
|
action,
|
||||||
|
onSuccess: () => this.$u.api.fpmPrcInOrder.detail({ id: this.orderId })
|
||||||
|
.then((res) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
const order = normalizeOrder(res);
|
||||||
|
if (order) this.order = order;
|
||||||
|
util.playSuccessAudio();
|
||||||
|
uni.showToast({ title: '操作成功', icon: 'success' });
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
showError(message) {
|
||||||
|
util.playErrorAudio();
|
||||||
|
uni.showModal({ title: '提示', content: message, showCancel: false });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
||||||
|
page {
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
padding-bottom: 260rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-row {
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
.process-in-weight-col {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+79
-138
@@ -4,25 +4,26 @@
|
|||||||
<view class="haotoplogo">
|
<view class="haotoplogo">
|
||||||
<image src="/static/haotop/image/logo/Start.jpg" mode="aspectFit" class="logoimg"></image>
|
<image src="/static/haotop/image/logo/Start.jpg" mode="aspectFit" class="logoimg"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="app-name">{{ appName }}</view>
|
|
||||||
<!-- <div v-if="loginType === 'currentPhone'">-->
|
<!-- <div v-if="loginType === 'currentPhone'">-->
|
||||||
<!-- <u-tabs :list="list" :is-scroll="false" :current="current" @change="onClickItem"></u-tabs> -->
|
<!-- <u-tabs :list="list" :is-scroll="false" :current="current" @change="onClickItem"></u-tabs> -->
|
||||||
<!-- <view v-if="current === 0"> -->
|
<!-- <view v-if="current === 0"> -->
|
||||||
<view class="list">
|
<view class="list">
|
||||||
<view class="list-call env-call">
|
<template v-if="isDevelopment">
|
||||||
<view class="iconfont icon-link" style="font-size: 28px;color:#5473e8;"></view>
|
<view class="list-call">
|
||||||
<view style="width: 100%;">
|
<view class="iconfont icon-link" style="font-size: 22px;color:#5473e8;"></view>
|
||||||
<view class="server-selector" @click="showServerPicker">
|
<view style="width: 100%;">
|
||||||
<text>{{ getApiUrlLabel() }}</text>
|
<view class="server-selector" @click="showServerPicker">
|
||||||
<view class="iconfont icon-arrow-down"></view>
|
<text>{{ getApiUrlLabel() }}</text>
|
||||||
|
<view class="iconfont icon-arrow-down" style="font-size: 16px;"></view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
<view class="list-call" v-if="selectedApiUrl === 'custom'">
|
||||||
<view class="list-call" v-if="selectedApiUrl === 'custom'">
|
<!-- 当选择自定义时显示输入框 -->
|
||||||
<!-- 当选择自定义时显示输入框 -->
|
<input class="u-input" type="text" v-model="customApiUrl" maxlength="100" placeholder="请输入服务器地址"
|
||||||
<input class="u-input" type="text" v-model="customApiUrl" maxlength="100" placeholder="请输入服务器地址"
|
@blur="handleBlurInputUrl" />
|
||||||
@blur="handleBlurInputUrl" />
|
</view>
|
||||||
</view>
|
</template>
|
||||||
<view class="list-call">
|
<view class="list-call">
|
||||||
<view class="iconfont icon-avatar" style="font-size: 22px;color:#5473e8;"></view>
|
<view class="iconfont icon-avatar" style="font-size: 22px;color:#5473e8;"></view>
|
||||||
<input class="u-input" type="text" v-model="login.username" maxlength="32"
|
<input class="u-input" type="text" v-model="login.username" maxlength="32"
|
||||||
@@ -104,8 +105,7 @@
|
|||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </view>-->
|
<!-- </view>-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<u-select class="login-env-picker" v-model="showApiUrlPicker" :list="apiUrlList" :default-value="apiUrlDefaultIndex"
|
<u-select v-model="showApiUrlPicker" :list="apiUrlList" title="选择服务器"
|
||||||
title="选择服务器" :show-search="false" :item-height="88" :visible-item-count="5"
|
|
||||||
@confirm="onApiUrlConfirm" @cancel="showApiUrlPicker = false"></u-select>
|
@confirm="onApiUrlConfirm" @cancel="showApiUrlPicker = false"></u-select>
|
||||||
<!-- 版本信息显示 -->
|
<!-- 版本信息显示 -->
|
||||||
<view class="version-info">
|
<view class="version-info">
|
||||||
@@ -118,23 +118,14 @@
|
|||||||
/**
|
/**
|
||||||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||||||
*/
|
*/
|
||||||
import config, { getDefaultApiUrl, resolveUpgradeDownloadUrl } from '@/common/config.js';
|
import config from '@/common/config.js';
|
||||||
import base64 from '@/common/base64.js';
|
import base64 from '@/common/base64.js';
|
||||||
import util from '@/common/util.js';
|
import util from '@/common/util.js';
|
||||||
import md5 from '@/common/md5.js';
|
import md5 from '@/common/md5.js';
|
||||||
import manifest from '@/manifest.json';
|
import manifest from '@/manifest.json';
|
||||||
import { mapState } from 'vuex'
|
import { mapState } from 'vuex'
|
||||||
import app_upgrade from '@/uni_modules/app-upgrade/js_sdk/index.js'
|
import app_upgrade from '@/uni_modules/app-upgrade/js_sdk/index.js'
|
||||||
import { ensureScanConfigAfterLogin } from '@/common/scanAutoConfig.js'
|
import { applyLoginData, applyUserInformation } from '@/common/userSession.js'
|
||||||
|
|
||||||
function isDefaultPassword(data) {
|
|
||||||
if (!data || typeof data !== 'object') return false;
|
|
||||||
const value = data.is_default_password != null
|
|
||||||
? data.is_default_password
|
|
||||||
: (data.user && data.user.is_default_password);
|
|
||||||
return value === true || value === 1 || value === '1' || value === 'true';
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -146,9 +137,10 @@ export default {
|
|||||||
password: ""
|
password: ""
|
||||||
},
|
},
|
||||||
showApiUrlPicker: false,
|
showApiUrlPicker: false,
|
||||||
selectedApiUrl: getDefaultApiUrl(),
|
// 根据环境设置默认URL和选项
|
||||||
customApiUrl: 'http://192.168.1.66:50002/hcscm_weave/pda/v1',
|
selectedApiUrl: config.isDevelopment ? config.devApiUrlOptions[0].value : config.productionApiUrl,
|
||||||
apiUrlList: config.devApiUrlOptions,
|
customApiUrl: 'http://192.168.1.66:50002/hcscm/pda/v1',
|
||||||
|
apiUrlList: config.isDevelopment ? config.devApiUrlOptions : [],
|
||||||
phoneNo: '',
|
phoneNo: '',
|
||||||
//username: '',
|
//username: '',
|
||||||
//password: '',
|
//password: '',
|
||||||
@@ -168,27 +160,25 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
appName() {
|
|
||||||
return manifest.name || '';
|
|
||||||
},
|
|
||||||
appVersion() {
|
appVersion() {
|
||||||
return manifest.versionName;
|
return manifest.versionName;
|
||||||
},
|
},
|
||||||
envName() {
|
envName() {
|
||||||
return process.env.VUE_APP_ENV_NAME || '';
|
return process.env.VUE_APP_ENV_NAME || '';
|
||||||
},
|
|
||||||
apiUrlDefaultIndex() {
|
|
||||||
const list = this.apiUrlList || [];
|
|
||||||
let index = list.findIndex(item => item.value === this.selectedApiUrl);
|
|
||||||
if (index < 0) index = list.findIndex(item => item.label === '正式环境');
|
|
||||||
return [index >= 0 ? index : 0];
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onShow() {
|
onShow() {
|
||||||
const defaultUrl = getDefaultApiUrl();
|
// 只在开发环境读取存储的URL
|
||||||
util.updateApiUrl(defaultUrl);
|
if (config.isDevelopment) {
|
||||||
this.selectedApiUrl = defaultUrl;
|
uni.getStorage({
|
||||||
|
key: 'ApiUrl',
|
||||||
|
success: (e) => {
|
||||||
|
util.updateApiUrl(e.data);
|
||||||
|
this.selectedApiUrl = e.data;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
uni.getStorage({
|
uni.getStorage({
|
||||||
key: 'UserInfo',
|
key: 'UserInfo',
|
||||||
@@ -310,12 +300,21 @@ export default {
|
|||||||
title: '登录中...'
|
title: '登录中...'
|
||||||
});
|
});
|
||||||
|
|
||||||
const currentApiUrl = this.selectedApiUrl === 'custom' ? this.customApiUrl : this.selectedApiUrl;
|
let currentApiUrl;
|
||||||
if (!currentApiUrl || currentApiUrl.length === 0) {
|
|
||||||
this.$u.toast('请输入服务器地址');
|
if (config.isDevelopment) {
|
||||||
return;
|
// 开发环境:使用选择的URL
|
||||||
|
currentApiUrl = this.selectedApiUrl === 'custom' ? this.customApiUrl : this.selectedApiUrl;
|
||||||
|
if (!currentApiUrl || currentApiUrl.length === 0) {
|
||||||
|
this.$u.toast('请输入服务器地址');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// 更新store中的URL
|
||||||
|
this.$store.dispatch('updateApiUrl', currentApiUrl);
|
||||||
|
} else {
|
||||||
|
// 生产环境:使用固定的生产URL
|
||||||
|
currentApiUrl = config.productionApiUrl;
|
||||||
}
|
}
|
||||||
this.$store.dispatch('updateApiUrl', currentApiUrl);
|
|
||||||
|
|
||||||
if (this.login.username.length == 0) {
|
if (this.login.username.length == 0) {
|
||||||
this.$u.toast('请输入账号');
|
this.$u.toast('请输入账号');
|
||||||
@@ -339,44 +338,28 @@ export default {
|
|||||||
console.log('login res', res)
|
console.log('login res', res)
|
||||||
var aLoginUserData = res;
|
var aLoginUserData = res;
|
||||||
|
|
||||||
//console.log('--aLoginUserData->>' + JSON.stringify(aLoginUserData));
|
// 只在开发环境保存 apiurl 到本地存储
|
||||||
uni.setStorage({
|
if (config.isDevelopment) {
|
||||||
key: 'ApiUrl',
|
uni.setStorage({
|
||||||
data: currentApiUrl
|
key: 'ApiUrl',
|
||||||
});
|
data: currentApiUrl
|
||||||
util.updateApiUrl(currentApiUrl);
|
});
|
||||||
// 保存 token 到本地存储
|
util.updateApiUrl(currentApiUrl);
|
||||||
uni.setStorageSync('RemoteTokenData', aLoginUserData);
|
|
||||||
|
|
||||||
uni.setStorage({
|
|
||||||
key: 'userToken',
|
|
||||||
data: {
|
|
||||||
Token: aLoginUserData.token,
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
getApp().globalData.Token = aLoginUserData.token;
|
|
||||||
getApp().globalData.EmployeeID = aLoginUserData.user_id;
|
|
||||||
getApp().globalData.IsSaleUserStatus = 0;
|
|
||||||
getApp().globalData.LoginID = aLoginUserData.user_id;
|
|
||||||
getApp().globalData.LoginName = aLoginUserData.user_name;
|
|
||||||
getApp().globalData.PlanDepartmentID = aLoginUserData.default_sale_system_id;
|
|
||||||
getApp().globalData.PlanDepartmentName = aLoginUserData.default_sale_system_name;
|
|
||||||
getApp().globalData.UserGroup = '';
|
|
||||||
getApp().globalData.StoreNameID = aLoginUserData.default_physical_warehouse_id;
|
|
||||||
getApp().globalData.StoreName = aLoginUserData.default_physical_warehouse_name;
|
|
||||||
getApp().globalData.StoreTypeNo = '';
|
|
||||||
try {
|
|
||||||
await ensureScanConfigAfterLogin(this.$u.api);
|
|
||||||
} catch (scanError) {
|
|
||||||
console.log('自动匹配扫码设置失败', scanError);
|
|
||||||
}
|
}
|
||||||
const workbenchUrl = isDefaultPassword(aLoginUserData)
|
|
||||||
? '/pages/sys/workbench/index?defaultPassword=1'
|
applyLoginData(aLoginUserData);
|
||||||
: '/pages/sys/workbench/index';
|
|
||||||
|
try {
|
||||||
|
const userInfo = await this.$u.api.pdaGetInformation();
|
||||||
|
console.log('information res', userInfo);
|
||||||
|
applyUserInformation(userInfo);
|
||||||
|
} catch (infoError) {
|
||||||
|
console.log('information error', infoError);
|
||||||
|
}
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url: workbenchUrl
|
url: '/pages/sys/workbench/index'
|
||||||
});
|
});
|
||||||
}, 500);
|
}, 500);
|
||||||
|
|
||||||
@@ -449,18 +432,10 @@ export default {
|
|||||||
return { status: 0 };
|
return { status: 0 };
|
||||||
}
|
}
|
||||||
|
|
||||||
// 用户已取消过该版本:登录页自动检查不再弹框
|
|
||||||
const dismissedVersion = uni.getStorageSync('appUpdateDismissedVersion');
|
|
||||||
if (dismissedVersion && String(dismissedVersion) === String(res.latest_version)) {
|
|
||||||
console.log('用户已取消该版本更新,跳过自动弹框:', dismissedVersion);
|
|
||||||
return { status: 0 };
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
changelog: res.message + ',最新版本:' + res.latest_version,
|
changelog: res.message + ',最新版本:' + res.latest_version,
|
||||||
status: res.need_update ? 1 : 0, // 0 无新版本 | 1 有新版本
|
status: res.need_update ? 1 : 0, // 0 无新版本 | 1 有新版本
|
||||||
path: resolveUpgradeDownloadUrl(res.download_url), // 新apk地址
|
path: res.download_url // 新apk地址
|
||||||
latest_version: res.latest_version
|
|
||||||
};
|
};
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log('检查版本更新失败:', error);
|
console.log('检查版本更新失败:', error);
|
||||||
@@ -470,14 +445,18 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
handleBlurInputUrl(e) {
|
handleBlurInputUrl(e) {
|
||||||
const url = e.detail.value.trim();
|
// 只在开发环境处理自定义URL
|
||||||
if (url) {
|
if (config.isDevelopment) {
|
||||||
this.customApiUrl = url;
|
const url = e.detail.value.trim();
|
||||||
uni.setStorage({
|
if (url) {
|
||||||
key: 'ApiUrl',
|
this.customApiUrl = url;
|
||||||
data: url
|
// 保存到本地存储
|
||||||
});
|
uni.setStorage({
|
||||||
util.updateApiUrl(url);
|
key: 'ApiUrl',
|
||||||
|
data: url
|
||||||
|
});
|
||||||
|
util.updateApiUrl(url);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -486,25 +465,14 @@ export default {
|
|||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import 'index.scss';
|
@import 'index.scss';
|
||||||
|
|
||||||
.env-call {
|
|
||||||
height: auto;
|
|
||||||
min-height: 140rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.server-selector {
|
.server-selector {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 80rpx;
|
padding: 10rpx 0;
|
||||||
padding: 16rpx 0;
|
|
||||||
font-size: 40rpx;
|
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.server-selector .icon-arrow-down {
|
|
||||||
font-size: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-call {
|
.list-call {
|
||||||
.u-select {
|
.u-select {
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
@@ -520,16 +488,7 @@ export default {
|
|||||||
height: 150rpx;
|
height: 150rpx;
|
||||||
// max-width: 5%;
|
// max-width: 5%;
|
||||||
// max-height: 5%;
|
// max-height: 5%;
|
||||||
margin: 10rpx auto 0 auto;
|
margin: 10rpx auto 10rpx auto;
|
||||||
}
|
|
||||||
|
|
||||||
.app-name {
|
|
||||||
margin: 8rpx 0 24rpx;
|
|
||||||
color: #242820;
|
|
||||||
font-size: 40rpx;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1.3;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.logoimg {
|
.logoimg {
|
||||||
@@ -628,21 +587,3 @@ export default {
|
|||||||
margin-left: 10rpx;
|
margin-left: 10rpx;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style lang="scss" scoped>
|
|
||||||
.login-env-picker {
|
|
||||||
::v-deep .u-select__header,
|
|
||||||
::v-deep .u-select__header__btn {
|
|
||||||
height: 100rpx;
|
|
||||||
font-size: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .u-select__header__title {
|
|
||||||
font-size: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .u-select__body__picker-view__item,
|
|
||||||
::v-deep .u-line-1 {
|
|
||||||
font-size: 40rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -41,28 +41,20 @@
|
|||||||
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
|
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
|
||||||
<u-cell-item icon="question-circle" :iconStyle="{ color: '#ff8d06' }" title="常见问题" @click="navTo('problem')"></u-cell-item>
|
<u-cell-item icon="question-circle" :iconStyle="{ color: '#ff8d06' }" title="常见问题" @click="navTo('problem')"></u-cell-item>
|
||||||
<u-cell-item icon="kefu-ermai" :iconStyle="{ color: '#5f8dff' }" title="意见反馈" @click="navTo('comment')"></u-cell-item>
|
<u-cell-item icon="kefu-ermai" :iconStyle="{ color: '#5f8dff' }" title="意见反馈" @click="navTo('comment')"></u-cell-item>
|
||||||
<u-cell-item icon="map" :iconStyle="{ color: '#316ede' }" title="修改密码" @click="navTo('pwd')"></u-cell-item>
|
<u-cell-item icon="map" :iconStyle="{ color: '#316ede' }" title="账号安全" @click="navTo('pwd')"></u-cell-item>
|
||||||
<u-cell-item icon="scan" :iconStyle="{ color: '#36cfc9' }" title="扫描设置" @click="navTo('scan-settings')"></u-cell-item>
|
<u-cell-item icon="scan" :iconStyle="{ color: '#36cfc9' }" title="扫描设置" @click="navTo('scan-settings')"></u-cell-item>
|
||||||
<u-cell-item icon="order" :iconStyle="{ color: '#59bdf9' }" title="清除缓存" @click="navTo('clear-cache')"></u-cell-item>
|
<u-cell-item icon="order" :iconStyle="{ color: '#59bdf9' }" title="清除缓存" @click="navTo('clear-cache')"></u-cell-item>
|
||||||
<!--<u-cell-item icon="account" :iconStyle="{ color: '#27c0dc' }" title="关于我们" @click="navTo('about')"></u-cell-item>
|
<!--<u-cell-item icon="account" :iconStyle="{ color: '#27c0dc' }" title="关于我们" @click="navTo('about')"></u-cell-item>
|
||||||
<u-cell-item icon="kefu-ermai" :iconStyle="{ color: '#ff8a00' }" title="联系客服" @click="navTo('service')"></u-cell-item>!-->
|
<u-cell-item icon="kefu-ermai" :iconStyle="{ color: '#ff8a00' }" title="联系客服" @click="navTo('service')"></u-cell-item>!-->
|
||||||
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
|
<u-gap height="20" bg-color="#f5f5f5"></u-gap>
|
||||||
<u-cell-item icon="reload" :iconStyle="{ color: '#19be6b' }" title="版本更新" @click="upgrade"></u-cell-item>
|
|
||||||
<u-cell-item icon="setting" :iconStyle="{ color: '#2767dc' }" title="系统设置" @click="navTo('setting')"></u-cell-item>
|
<u-cell-item icon="setting" :iconStyle="{ color: '#2767dc' }" title="系统设置" @click="navTo('setting')"></u-cell-item>
|
||||||
</u-cell-group>
|
</u-cell-group>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="app-meta">
|
|
||||||
<text class="app-name">{{ appName }}</text>
|
|
||||||
<text class="app-version">版本 {{ appVersion }}</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import CommonNavbar from "@/components/common-navbar/index";
|
import CommonNavbar from "@/components/common-navbar/index";
|
||||||
import app_upgrade from '@/uni_modules/app-upgrade/js_sdk/index.js';
|
|
||||||
import config, { resolveUpgradeDownloadUrl } from '@/common/config.js';
|
|
||||||
import manifest from '@/manifest.json';
|
|
||||||
/**
|
/**
|
||||||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||||||
*/
|
*/
|
||||||
@@ -77,16 +69,10 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(e) {
|
onLoad(e) {
|
||||||
this.loginUserName = getApp().globalData.UserName;
|
this.loginUserName = getApp().globalData.UserName || (this.vuex_user && this.vuex_user.user_name) || '';
|
||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
appName() {
|
|
||||||
return manifest.name || '';
|
|
||||||
},
|
|
||||||
appVersion() {
|
|
||||||
return manifest.versionName || '';
|
|
||||||
},
|
|
||||||
avatarUrl() {
|
avatarUrl() {
|
||||||
// let url = this.vuex_user.avatarUrl || '/ctxPath/static/images/user1.jpg';
|
// let url = this.vuex_user.avatarUrl || '/ctxPath/static/images/user1.jpg';
|
||||||
// url = url.replace('/ctxPath/', this.vuex_config.baseUrl + '/');
|
// url = url.replace('/ctxPath/', this.vuex_config.baseUrl + '/');
|
||||||
@@ -116,30 +102,25 @@ export default {
|
|||||||
},
|
},
|
||||||
upgrade(){
|
upgrade(){
|
||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
app_upgrade(async () => {
|
this.$u.api.upgradeCheck().then(res => {
|
||||||
const appInfo = await new Promise((resolve) => {
|
if (res.result == 'true'){
|
||||||
plus.runtime.getProperty(plus.runtime.appid, (inf) => {
|
uni.showModal({
|
||||||
resolve(inf);
|
title: '提示',
|
||||||
|
content: res.message + '是否下载更新?',
|
||||||
|
showCancel: true,
|
||||||
|
success: function (res2) {
|
||||||
|
if (res2.confirm) {
|
||||||
|
plus.runtime.openURL(res.data.apkUrl);
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
});
|
}else{
|
||||||
const res = await this.$u.api.upgradeCheck({
|
this.$u.toast(res.message);
|
||||||
app_name: config.upgradeName,
|
|
||||||
current_version: appInfo.version
|
|
||||||
});
|
|
||||||
if (!res.download_url) {
|
|
||||||
this.$u.toast('当前版本已是最新版');
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
return {
|
});
|
||||||
changelog: res.message + ',最新版本:' + res.latest_version,
|
|
||||||
status: res.need_update ? 1 : 0,
|
|
||||||
path: resolveUpgradeDownloadUrl(res.download_url),
|
|
||||||
latest_version: res.latest_version
|
|
||||||
};
|
|
||||||
}, 1);
|
|
||||||
// #endif
|
// #endif
|
||||||
// #ifndef APP-PLUS
|
// #ifndef APP-PLUS
|
||||||
this.$u.toast('小程序端或H5端已是最新版,无需检查更新!');
|
this.$u.toast('小程序端或H5端无需检查更新')
|
||||||
// #endif
|
// #endif
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -164,22 +145,4 @@ page {
|
|||||||
height:50rpx;
|
height:50rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.app-meta {
|
|
||||||
padding: 48rpx 30rpx 40rpx;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.app-name {
|
|
||||||
display: block;
|
|
||||||
color: #242820;
|
|
||||||
font-size: 36rpx;
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1.4;
|
|
||||||
}
|
|
||||||
.app-version {
|
|
||||||
display: block;
|
|
||||||
margin-top: 8rpx;
|
|
||||||
color: #8a8f86;
|
|
||||||
font-size: 32rpx;
|
|
||||||
line-height: 1.3;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user