Merge branch 'cjerp-2.0' into publish_cjerp

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function domesticCustomerCreditQueryApi(params) {
+  return request({
+    url: '/procurement/domesticCustomerCredit/query',
+    method: 'get',
+    params
+  })
+}
+
+export function domesticCustomerCreditSaveApi(data) {
+  return request({
+    url: '/procurement/domesticCustomerCredit',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function domesticCustomerCreditGetApi(id) {
+  return request({
+    url: '/procurement/domesticCustomerCredit/get',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function domesticCustomerCreditGetExamineByIdApi(id) {
+  return request({
+    url: '/procurement/domesticCustomerCredit/getExamineById',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function domesticCustomerCreditCancelApi(id) {
+  return request({
+    url: '/procurement/domesticCustomerCredit/cancel',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function getPurchaseDeptApi() {
+  return request({
+    url: '/system/dept/getPurchaseDept',
+    method: 'get'
+  })
+}
+export function getRegionApi() {
+  return request({
+    url: '/system/dept/getRegion',
+    method: 'get'
+  })
+}
+export function getAllRegionApi(purchaseDepartment) {
+  return request({
+    url: '/system/dept/getAllRegion',
+    method: 'get',
+     params: { purchaseDepartment }
+  })
+}
\ No newline at end of file

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function foreignCustomerCreditQueryApi(params) {
+  return request({
+    url: '/procurement/foreignCustomerCredit/query',
+    method: 'get',
+    params
+  })
+}
+
+export function foreignCustomerCreditSaveApi(data) {
+  return request({
+    url: '/procurement/foreignCustomerCredit',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function foreignCustomerCreditGetApi(id) {
+  return request({
+    url: '/procurement/foreignCustomerCredit/get',
+    method: 'get',
+    params: { id }
+  })
+}
+

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function foreignTradeCreditQueryApi(params) {
+  return request({
+    url: '/procurement/foreignTradeCredit/query',
+    method: 'get',
+    params
+  })
+}
+
+export function foreignTradeCreditSaveApi(data) {
+  return request({
+    url: '/procurement/foreignTradeCredit',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function foreignTradeCreditGetApi(id) {
+  return request({
+    url: '/procurement/foreignTradeCredit/get',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function foreignTradeCreditCancelApi(id) {
+  return request({
+    url: '/procurement/foreignTradeCredit/cancel',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function foreignTradeCreditGetExamineByIdApi(id) {
+  return request({
+    url: '/procurement/foreignTradeCredit/getExamineById',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function getPurchaseDeptApi() {
+  return request({
+    url: '/system/dept/getPurchaseDept',
+    method: 'get'
+  })
+}

@@ -4,8 +4,8 @@ module.exports = {
   themeColor: '#3d48a3',
 
   // baseUrl: 'http://ft.wecando21cn.com/api',
-  baseUrl: 'http://gjtd.ahcjxc.com:81/api',
-  // baseUrl: 'http://erp.qgutech.com/api',
+  // baseUrl: 'http://gjtd.ahcjxc.com:81/api',
+  baseUrl: 'http://erp.qgutech.com/api',
     // baseUrl: 'http://10.9.5.246:8081',
   // 应用信息
   appInfo: {

@@ -212,6 +212,70 @@
 			}
 		},
 		{
+			"path": "pages/domestic_trade/index",
+			"style": {
+				"navigationBarTitleText": "内贸合同列表",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/domestic_trade/add",
+			"style": {
+				"navigationBarTitleText": "新增内贸合同",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/domestic_trade/modify",
+			"style": {
+				"navigationBarTitleText": "编辑内贸合同",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/domestic_trade/detail",
+			"style": {
+				"navigationBarTitleText": "查看内贸合同",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/foreign_trade/index",
+			"style": {
+				"navigationBarTitleText": "外贸供应商资信列表",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/foreign_trade/add",
+			"style": {
+				"navigationBarTitleText": "新增外贸供应商资信",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/foreign_trade/modify",
+			"style": {
+				"navigationBarTitleText": "编辑外贸供应商资信",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/foreign_trade/detail",
+			"style": {
+				"navigationBarTitleText": "外贸供应商资信详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
 			"path": "pages/order_list/index",
 			"style": {
 				"navigationBarTitleText": "订货单列表",

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<uni-list>
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>基本资料</span>
+				</view>
+
+				<uni-list-item title="单位名称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.unitName" placeholder="请输入单位名称" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+				<uni-list-item title="客户简称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.customerShortName" placeholder="请输入客户简称" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+				<uni-list-item class="select-item" :class="form.companyNatureName ? 'is-filled' : 'is-empty'" clickable
+					@click="openMultiSheet('companyNature')" :rightText="displayLabel('companyNatureName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>公司性质</text></view>
+					</template>
+				</uni-list-item>
+				<uni-list-item v-if="showCompanyNatureOther" class="mgb10" title="其他">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.companyNatureOther" placeholder="请输入其他公司性质" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="开户行">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.bankName" placeholder="请输入开户行" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="账号">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.bankAccount" placeholder="请输入账号" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="amount-item">
+					<template v-slot:body>
+						<view class="item-title"><text>注册资金</text></view>
+					</template>
+					<template v-slot:footer>
+						<view class="amount-row">
+							<uni-easyinput type="digit" v-model="form.registeredCapital" placeholder="请输入" :inputBorder="false" />
+							<text class="unit">万元</text>
+						</view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="法人代表">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.legalRepresentative" placeholder="请输入法人代表" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="公司成立时间">
+					<template v-slot:footer>
+						<uni-datetime-picker type="date" v-model="form.companyEstablishedTime" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="地址">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.address" placeholder="请输入地址" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="业务负责人">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.businessPrincipal" placeholder="请输入业务负责人" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="职务">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.businessPrincipalPosition" placeholder="请输入职务" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="电话">
+					<template v-slot:footer>
+						<uni-easyinput type="number" v-model="form.businessPrincipalPhone" placeholder="请输入手机号码" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="法人与业务负责人关系">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.legalBusinessRelation" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>资产状况</span>
+				</view>
+
+				<uni-list-item title="生产厂房及办公楼产权">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.factoryOfficeProperty" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="生产厂房及办公楼面积">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.factoryOfficeArea" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="仓库或货场产权">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.warehouseYardProperty" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="仓库或货场产权面积">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.warehouseYardArea" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="主要生产设备">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.mainEquipment" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="正常库存量">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.normalInventory" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>生产经营环节风险调查</span>
+				</view>
+
+				<uni-list-item title="主要品种">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.mainVarieties" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="月度收购量">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.monthlyPurchaseVolume" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.purchaseSource ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('purchaseSource')" :rightText="displayLabel('purchaseSource')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>收购来源</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="入库品名">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.stockInProductName" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="产品名称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.productName" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="产能">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.capacity" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="销售渠道">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.salesChannel" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.operationMode ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('operationMode')" :rightText="displayLabel('operationMode')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>操作方式</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.hasPreferentialPolicy === true || form.hasPreferentialPolicy === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasPreferentialPolicy')" :rightText="displayLabel('hasPreferentialPolicy')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否享有优惠政策</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.investInFutures === true || form.investInFutures === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('investInFutures')" :rightText="displayLabel('investInFutures')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否投资期货</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.hasPenaltyRecord === true || form.hasPenaltyRecord === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasPenaltyRecord')" :rightText="displayLabel('hasPenaltyRecord')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否有被处罚记录</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.businessScopeMatch === true || form.businessScopeMatch === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('businessScopeMatch')" :rightText="displayLabel('businessScopeMatch')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>实际经营范围与法定经营范围是否相符</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="常见料质问题">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.commonMaterialIssue" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="合作中的其它问题">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.otherIssue" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>与我司的合作状况</span>
+				</view>
+
+				<uni-list-item title="首次合作年份">
+					<template v-slot:footer>
+						<uni-easyinput type="digit" v-model="form.firstCooperationYear" placeholder="请输入4位年份" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.isNewDevelopment ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('isNewDevelopment')" :rightText="displayLabel('isNewDevelopment')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否新开发</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.hasFailedPlanRecord === true || form.hasFailedPlanRecord === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasFailedPlanRecord')" :rightText="displayLabel('hasFailedPlanRecord')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否有计划落空的不良记录</text></view>
+					</template>
+				</uni-list-item>
+				<uni-list-item class="select-item" :class="form.hasPlanPerformanceIssue === true || form.hasPlanPerformanceIssue === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasPlanPerformanceIssue')" :rightText="displayLabel('hasPlanPerformanceIssue')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否有计划履行不到位现象</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="进销账务如何处理">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.accountingProcess" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.invoiceNameMatch === true || form.invoiceNameMatch === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('invoiceNameMatch')" :rightText="displayLabel('invoiceNameMatch')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>开票品名与出库单品名是否一致</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.outboundProcessStandard === true || form.outboundProcessStandard === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('outboundProcessStandard')" :rightText="displayLabel('outboundProcessStandard')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>出库流程是否规范</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="运输方式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.transportMode" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>其他</span>
+				</view>
+
+				<uni-list-item title="资信调查人">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.investigatorName" disabled placeholder="" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.purchaseDepartment ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('purchaseDepartment')" :rightText="displayLabel('purchaseDepartmentName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>采购处</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.region ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('region')" :rightText="displayLabel('region')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>区域</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="评审有效期">
+					<template v-slot:footer>
+						<uni-datetime-picker type="date" v-model="form.reviewValidUntil" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="附件">
+					<template v-slot:footer>
+						<view class="attach-box">
+							<view v-for="(f, idx) in attachmentFiles" :key="idx" class="attach-row">
+								<FileUpload :value="f" @input="onAttachmentInput(idx, $event)" />
+								<text class="attach-del" @click.stop="removeAttachment(idx)">删除</text>
+							</view>
+							<view class="attach-row">
+								<FileUpload :value="newAttachment" @input="onAddAttachment" />
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</scroll-view>
+
+		<view class="footer">
+			<button class="btn submit" type="primary" :disabled="submitting" @click="onSubmit">{{ submitting ? '提交中...' : '提交' }}</button>
+		</view>
+
+		<SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value"
+			@confirm="onSheetConfirm" />
+		<MultiSelectSheet :visible.sync="multiSheet.visible" :title="multiSheet.title" :options="multiSheet.options"
+			v-model="multiSheet.value" @confirm="onMultiSheetConfirm" />
+	</view>
+</template>
+
+<script>
+import FileUpload from '@/components/file-upload/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import MultiSelectSheet from '@/components/multi-select/index.vue'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { domesticCustomerCreditSaveApi, getPurchaseDeptApi, getAllRegionApi, getRegionApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+
+export default {
+	name: 'DomesticTradeAdd',
+	components: { FileUpload, SingleSelectSheet, MultiSelectSheet },
+	data() {
+		return {
+			submitting: false,
+			newAttachment: { id: '', name: '' },
+			attachmentFiles: [],
+			sheet: { visible: false, title: '', options: [], field: '', value: '' },
+			multiSheet: { visible: false, title: '', options: [], field: '', value: '' },
+			dicOptions: {
+				COMPANY_NATURE: [],
+				DEVELOP_NEW: [],
+				OPERATION_METHOD: [],
+				PURCHASE_SOURCE: []
+			},
+			yesNoOptions: [
+				{ label: '是', value: true },
+				{ label: '否', value: false }
+			],
+			companyNatureOptions: [],
+			operationMethodOptions: [],
+			developNewOptions: [],
+			purchaseSourceOptions: [],
+			regionOptions: [],
+			purchaseDeptOptions: [],
+			form: {
+				unitName: '',
+				customerShortName: '',
+				companyNature: '',
+				companyNatureName: '',
+				companyNatureOther: '',
+				bankName: '',
+				bankAccount: '',
+				registeredCapital: '',
+				legalRepresentative: '',
+				companyEstablishedTime: '',
+				address: '',
+				businessPrincipal: '',
+				businessPrincipalPosition: '',
+				businessPrincipalPhone: '',
+				legalBusinessRelation: '',
+				factoryOfficeProperty: '',
+				factoryOfficeArea: '',
+				warehouseYardProperty: '',
+				warehouseYardArea: '',
+				mainEquipment: '',
+				normalInventory: '',
+				mainVarieties: '',
+				monthlyPurchaseVolume: '',
+				purchaseSource: '',
+				stockInProductName: '',
+				productName: '',
+				capacity: '',
+				salesChannel: '',
+				hasPreferentialPolicy: null,
+				investInFutures: null,
+				hasPenaltyRecord: null,
+				businessScopeMatch: null,
+				commonMaterialIssue: '',
+				otherIssue: '',
+				firstCooperationYear: '',
+				isNewDevelopment: '',
+				operationMode: '',
+				hasFailedPlanRecord: null,
+				hasPlanPerformanceIssue: null,
+				accountingProcess: '',
+				invoiceNameMatch: null,
+				outboundProcessStandard: null,
+				transportMode: '',
+				attachmentFileIds: '',
+				attachmentFileNames: '',
+				investigatorId: '',
+				investigatorName: '',
+				purchaseDepartment: '',
+				purchaseDepartmentName: '',
+				region: '',
+				regionName: '',
+				reviewValidUntil: ''
+			}
+		}
+	},
+	created() {
+		this.initPage()
+	},
+	computed: {
+		showCompanyNatureOther() {
+			const v = String(this.form.companyNature || '')
+			return v.split(',').includes('OTHER')
+		}
+	},
+	methods: {
+		async initPage() {
+			const u = (this.$store && this.$store.state && this.$store.state.user) ? this.$store.state.user : {}
+			this.form.investigatorId = u && u.id ? String(u.id) : ''
+			this.form.investigatorName = u && u.name ? String(u.name) : ''
+			await this.loadDicData()
+			await this.loadPurchaseDeptList()
+			await this.loadRegionOptions()
+		},
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['COMPANY_NATURE', 'DEVELOP_NEW', 'OPERATION_METHOD', 'PURCHASE_SOURCE'])
+				const next = {
+					COMPANY_NATURE: (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || [],
+					DEVELOP_NEW: (results.DEVELOP_NEW && results.DEVELOP_NEW.data) || [],
+					OPERATION_METHOD: (results.OPERATION_METHOD && results.OPERATION_METHOD.data) || [],
+					PURCHASE_SOURCE: (results.PURCHASE_SOURCE && results.PURCHASE_SOURCE.data) || []
+				}
+				this.dicOptions = next
+				console.log(next,'next')
+				this.companyNatureOptions = this.dicToSheetOptions(next.COMPANY_NATURE)
+				this.developNewOptions = this.dicToSheetOptions(next.DEVELOP_NEW)
+				this.operationMethodOptions = this.dicToSheetOptions(next.OPERATION_METHOD)
+				this.purchaseSourceOptions = this.dicToSheetOptions(next.PURCHASE_SOURCE)
+				this.form.companyNatureName = this.labelsOfOptions(this.companyNatureOptions, this.form.companyNature)
+			} catch (e) {
+				this.dicOptions = { COMPANY_NATURE: [], DEVELOP_NEW: [], OPERATION_METHOD: [], PURCHASE_SOURCE: [] }
+				this.companyNatureOptions = []
+				this.developNewOptions = []
+				this.operationMethodOptions = []
+				this.purchaseSourceOptions = []
+				uni.showToast({ title: '字典加载失败', icon: 'none' })
+			}
+		},
+		dicToSheetOptions(items) {
+			const list = Array.isArray(items) ? items : []
+			return list.map(it => ({ label: it && it.name != null ? String(it.name) : '', value: it && it.code != null ? String(it.code) : '' })).filter(it => it.value)
+		},
+		async loadPurchaseDeptList() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const raw = res && res.data != null ? res.data : []
+				this.purchaseDeptOptions = this.normalizeRegionOptions(raw)
+			} catch (e) {
+				this.purchaseDeptOptions = []
+			}
+		},
+		normalizeRegionOptions(raw) {
+			const list = Array.isArray(raw)
+				? raw
+				: (Array.isArray(raw && raw.data) ? raw.data : (Array.isArray(raw && raw.rows) ? raw.rows : []))
+			return list.map(it => {
+				const id = it && (it.id != null ? it.id : (it.value != null ? it.value : (it.regionId != null ? it.regionId : '')))
+				const name = it && (it.name != null ? it.name : (it.label != null ? it.label : (it.regionName != null ? it.regionName : '')))
+				return { label: name != null ? String(name) : '', value: id != null ? String(id) : '' }
+			}).filter(it => it.value)
+		},
+		getOptionLabel(options, value) {
+			const v = value != null ? String(value) : ''
+			if (!v) return ''
+			const match = (options || []).find(o => String(o.value) === v)
+			return match ? String(match.label || '') : ''
+		},
+		syncRegionWithOptions() {
+			const label = this.getOptionLabel(this.regionOptions, this.form.region)
+			if (!label) {
+				this.form.region = ''
+				this.form.regionName = ''
+				return
+			}
+			this.form.regionName = label
+		},
+		async loadRegionOptions() {
+			let defaultRegionId = ''
+			let defaultRegionName = ''
+			try {
+				const regionRes = await getRegionApi()
+				const regionData = (regionRes && regionRes.data != null) ? regionRes.data : null
+				const parsed = regionData ? this.parseRegionIdAndName(regionData) : { id: '', name: '' }
+				if (parsed.id) {
+					defaultRegionId = parsed.id
+					defaultRegionName = parsed.name
+				}
+			} catch (e) {
+				// fall through to getAllRegionApi
+			}
+			const purchaseDepartment = this.form.purchaseDepartment ? String(this.form.purchaseDepartment) : ''
+			if (!purchaseDepartment) {
+				if (defaultRegionId) {
+					this.regionOptions = [{ label: defaultRegionName || String(defaultRegionId), value: defaultRegionId }]
+					this.form.region = defaultRegionId
+					this.form.regionName = defaultRegionName || String(defaultRegionId)
+				} else {
+					this.regionOptions = []
+					this.form.region = ''
+					this.form.regionName = ''
+				}
+				return
+			}
+			try {
+				const res = await getAllRegionApi(purchaseDepartment)
+				const raw = res && res.data != null ? res.data : []
+				this.regionOptions = this.normalizeRegionOptions(raw)
+				if (defaultRegionId) {
+					const label = this.getOptionLabel(this.regionOptions, defaultRegionId)
+					if (label) {
+						this.form.region = defaultRegionId
+						this.form.regionName = label
+					} else {
+						// 默认区域不在完整列表中，仍保留为选中项
+						this.regionOptions.push({ label: defaultRegionName || String(defaultRegionId), value: defaultRegionId })
+						this.form.region = defaultRegionId
+						this.form.regionName = defaultRegionName || String(defaultRegionId)
+					}
+				} else {
+					this.syncRegionWithOptions()
+				}
+			} catch (e) {
+				this.regionOptions = []
+				this.form.region = ''
+				this.form.regionName = ''
+			}
+		},
+		parseRegionIdAndName(raw) {
+			if (!raw) return { id: '', name: '' }
+			if (Array.isArray(raw)) return this.parseRegionIdAndName(raw[0])
+			if (typeof raw === 'string' || typeof raw === 'number') return { id: String(raw), name: '' }
+			const id = raw.id != null ? raw.id : (raw.value != null ? raw.value : (raw.regionId != null ? raw.regionId : ''))
+			const name = raw.name != null ? raw.name : (raw.label != null ? raw.label : (raw.regionName != null ? raw.regionName : ''))
+			return { id: id != null ? String(id) : '', name: name != null ? String(name) : '' }
+		},
+		labelsOfOptions(options, csv) {
+			const v = csv == null ? '' : String(csv)
+			if (!v) return ''
+			const parts = v.split(',').filter(Boolean)
+			if (!parts.length) return ''
+			const labels = []
+			;(options || []).forEach(opt => {
+				const ov = opt && opt.value != null ? String(opt.value) : ''
+				if (ov && parts.includes(ov)) labels.push(opt.label != null ? String(opt.label) : '')
+			})
+			return labels.filter(Boolean).join(',') || ''
+		},
+		displayLabel(field) {
+			const m = this.form || {}
+			const map = {
+				purchaseDepartmentName: '请选择采购处',
+				companyNatureName: '请选择公司性质',
+				region: '请选择区域',
+				purchaseSource: '请选择',
+				operationMode: '请选择',
+				isNewDevelopment: '请选择',
+				hasPreferentialPolicy: '请选择',
+				investInFutures: '请选择',
+				hasPenaltyRecord: '请选择',
+				businessScopeMatch: '请选择',
+				hasFailedPlanRecord: '请选择',
+				hasPlanPerformanceIssue: '请选择',
+				invoiceNameMatch: '请选择',
+				outboundProcessStandard: '请选择'
+			}
+			if (field === 'companyNatureName') {
+				const val = m[field]
+				return val ? String(val) : map[field]
+			}
+			if (field === 'purchaseSource') {
+				const v = m.purchaseSource
+				return v ? getDicName('PURCHASE_SOURCE', String(v), this.dicOptions.PURCHASE_SOURCE) : map[field]
+			}
+			if (field === 'operationMode') {
+				const v = m.operationMode
+				return v ? getDicName('OPERATION_METHOD', String(v), this.dicOptions.OPERATION_METHOD) : map[field]
+			}
+			if (field === 'isNewDevelopment') {
+				const v = m.isNewDevelopment
+				return v ? getDicName('DEVELOP_NEW', String(v), this.dicOptions.DEVELOP_NEW) : map[field]
+			}
+			if (field === 'region') {
+				const v = m.region
+				if (!v) return map[field]
+				return this.getOptionLabel(this.regionOptions, v) || map[field]
+			}
+			if (field === 'purchaseDepartmentName') {
+				return this.getOptionLabel(this.purchaseDeptOptions, m.purchaseDepartment) || map[field]
+			}
+			const v = m[field]
+			if (v === true) return '是'
+			if (v === false) return '否'
+			return map[field] || '请选择'
+		},
+		openSheet(field) {
+			const map = {
+				region: { title: '区域', options: this.regionOptions },
+				purchaseDepartment: { title: '采购处', options: this.purchaseDeptOptions },
+				purchaseSource: { title: '收购来源', options: this.purchaseSourceOptions },
+				operationMode: { title: '操作方式', options: this.operationMethodOptions },
+				isNewDevelopment: { title: '是否新开发', options: this.developNewOptions },
+				hasPreferentialPolicy: { title: '是否享有优惠政策', options: this.yesNoOptions },
+				investInFutures: { title: '是否投资期货', options: this.yesNoOptions },
+				hasPenaltyRecord: { title: '是否有被处罚记录', options: this.yesNoOptions },
+				businessScopeMatch: { title: '实际经营范围与法定经营范围是否相符', options: this.yesNoOptions },
+				hasFailedPlanRecord: { title: '是否有计划落空的不良记录', options: this.yesNoOptions },
+				hasPlanPerformanceIssue: { title: '是否有计划履行不到位现象', options: this.yesNoOptions },
+				invoiceNameMatch: { title: '开票品名与出库单品名是否一致', options: this.yesNoOptions },
+				outboundProcessStandard: { title: '出库流程是否规范', options: this.yesNoOptions }
+			}
+			const cfg = map[field]
+			if (!cfg) return
+			const current = this.form[field]
+			const match = (cfg.options || []).find(o => String(o.value) === String(current))
+			this.sheet = {
+				...this.sheet,
+				visible: true,
+				title: cfg.title,
+				options: cfg.options || [],
+				field,
+				value: match ? match.value : current
+			}
+		},
+		openMultiSheet(field) {
+			if (field !== 'companyNature') return
+			this.multiSheet = {
+				...this.multiSheet,
+				visible: true,
+				title: '公司性质',
+				options: this.companyNatureOptions || [],
+				field,
+				value: this.form.companyNature || ''
+			}
+		},
+		onSheetConfirm({ value, label }) {
+			const field = this.sheet.field
+			if (!field) return
+			this.form[field] = value
+			if (field === 'region') this.form.regionName = label != null ? String(label) : this.getOptionLabel(this.regionOptions, value)
+			if (field === 'purchaseDepartment') {
+				this.form.purchaseDepartmentName = label != null ? String(label) : this.getOptionLabel(this.purchaseDeptOptions, value)
+				console.log(value,'value')
+				console.log(this.purchaseDeptOptions,'purchaseDeptOptions')
+				console.log(this.form.purchaseDepartmentName ,'purchasthis.form.purchaseDepartmentName eDeptOptions')
+				this.loadRegionOptions()
+			}
+			this.sheet.visible = false
+		},
+		onMultiSheetConfirm({ value, label }) {
+			const field = this.multiSheet.field
+			if (field === 'companyNature') {
+				const normalized = this.normalizeCompanyNature(value)
+				this.form.companyNature = normalized.value
+				this.form.companyNatureName = normalized.label
+				if (!this.showCompanyNatureOther) this.form.companyNatureOther = ''
+			}
+			this.multiSheet.visible = false
+		},
+		normalizeCompanyNature(valueStr) {
+			const selected = (valueStr ? String(valueStr).split(',').filter(Boolean) : [])
+			const finalSelected = selected.slice(0)
+			const orderedValues = []
+			const orderedLabels = []
+			;(this.companyNatureOptions || []).forEach(opt => {
+				const v = opt && opt.value != null ? String(opt.value) : ''
+				if (v && finalSelected.includes(v)) {
+					orderedValues.push(v)
+					orderedLabels.push(opt.label != null ? String(opt.label) : '')
+				}
+			})
+			return { value: orderedValues.join(','), label: orderedLabels.join(',') }
+		},
+		removeAttachment(idx) {
+			const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.slice(0) : []
+			list.splice(idx, 1)
+			this.attachmentFiles = list
+		},
+		onAddAttachment(val) {
+			const payload = val || { id: '', name: '' }
+			if (!payload.id) return
+			const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.slice(0) : []
+			list.push(payload)
+			this.attachmentFiles = list
+			this.newAttachment = { id: '', name: '' }
+		},
+		onAttachmentInput(idx, val) {
+			const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.slice(0) : []
+			list[idx] = val || { id: '', name: '' }
+			this.attachmentFiles = list
+		},
+		validate() {
+			const requiredTextFields = [
+				{ key: 'unitName', label: '单位名称' },
+				{ key: 'customerShortName', label: '客户简称' },
+				{ key: 'companyNature', label: '公司性质' },
+				{ key: 'bankName', label: '开户行' },
+				{ key: 'bankAccount', label: '账号' },
+				{ key: 'legalRepresentative', label: '法人代表' },
+				{ key: 'companyEstablishedTime', label: '公司成立时间' },
+				{ key: 'address', label: '地址' },
+				{ key: 'businessPrincipal', label: '业务负责人' },
+				{ key: 'businessPrincipalPosition', label: '职务' },
+				{ key: 'businessPrincipalPhone', label: '电话' },
+				{ key: 'legalBusinessRelation', label: '法人与业务负责人关系' },
+				{ key: 'factoryOfficeProperty', label: '生产厂房及办公楼产权' },
+				{ key: 'factoryOfficeArea', label: '生产厂房及办公楼面积' },
+				{ key: 'warehouseYardProperty', label: '仓库或货场产权' },
+				{ key: 'warehouseYardArea', label: '仓库或货场产权面积' },
+				{ key: 'mainEquipment', label: '主要生产设备' },
+				{ key: 'normalInventory', label: '正常库存量' },
+				{ key: 'mainVarieties', label: '主要品种' },
+				{ key: 'monthlyPurchaseVolume', label: '月度收购量' },
+				{ key: 'purchaseSource', label: '收购来源' },
+				{ key: 'stockInProductName', label: '入库品名' },
+				{ key: 'productName', label: '产品名称' },
+				{ key: 'capacity', label: '产能' },
+				{ key: 'salesChannel', label: '销售渠道' },
+				{ key: 'firstCooperationYear', label: '首次合作年份' },
+				{ key: 'isNewDevelopment', label: '是否新开发' },
+				{ key: 'operationMode', label: '操作方式' },
+				{ key: 'accountingProcess', label: '进销账务如何处理' },
+				{ key: 'transportMode', label: '运输方式' },
+				{ key: 'commonMaterialIssue', label: '常见料质问题' },
+				{ key: 'otherIssue', label: '合作中的其它问题' },
+				{ key: 'purchaseDepartment', label: '采购处' },
+				{ key: 'reviewValidUntil', label: '评审有效期' },
+				{ key: 'investigatorId', label: '资信调查人ID' }
+			]
+			if (Array.isArray(this.regionOptions) && this.regionOptions.length) {
+				requiredTextFields.push({ key: 'region', label: '区域' })
+			}
+			for (let i = 0; i < requiredTextFields.length; i++) {
+				const f = requiredTextFields[i]
+				const v = this.form && this.form[f.key]
+				if (v == null || String(v).trim() === '') {
+					uni.showToast({ title: `${f.label}必填`, icon: 'none' })
+					return false
+				}
+			}
+
+			const registeredCapital = Number(this.form.registeredCapital)
+			if (!Number.isFinite(registeredCapital) || registeredCapital < 0) {
+				uni.showToast({ title: '注册资金请填写数字', icon: 'none' })
+				return false
+			}
+
+			const requiredBoolFields = [
+				{ key: 'hasPreferentialPolicy', label: '是否享有优惠政策' },
+				{ key: 'investInFutures', label: '是否投资期货' },
+				{ key: 'hasPenaltyRecord', label: '是否有被处罚记录' },
+				{ key: 'businessScopeMatch', label: '经营范围是否相符' },
+				{ key: 'hasFailedPlanRecord', label: '计划落空不良记录' },
+				{ key: 'hasPlanPerformanceIssue', label: '计划履行不到位现象' },
+				{ key: 'invoiceNameMatch', label: '开票品名是否一致' },
+				{ key: 'outboundProcessStandard', label: '出库流程是否规范' }
+			]
+			for (let i = 0; i < requiredBoolFields.length; i++) {
+				const f = requiredBoolFields[i]
+				const v = this.form && this.form[f.key]
+				if (!(v === true || v === false)) {
+					uni.showToast({ title: `请选择${f.label}`, icon: 'none' })
+					return false
+				}
+			}
+
+			const files = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.filter(it => it && it.id) : []
+			if (!files.length) {
+				uni.showToast({ title: '请上传附件', icon: 'none' })
+				return false
+			}
+
+			const phone = String(this.form.businessPrincipalPhone || '').trim()
+			if (phone && !/^1\d{10}$/.test(phone)) {
+				uni.showToast({ title: '电话请输入11位手机号', icon: 'none' })
+				return false
+			}
+			const year = String(this.form.firstCooperationYear || '').trim()
+			if (year && !/^\d{4}$/.test(year)) {
+				uni.showToast({ title: '首次合作年份请填写4位年份', icon: 'none' })
+				return false
+			}
+			return true
+		},
+		buildPayload() {
+			const payload = { ...this.form }
+			if (!this.showCompanyNatureOther) payload.companyNatureOther = ''
+			delete payload.companyNatureName
+			delete payload.investigatorName
+			delete payload.purchaseDepartmentName
+			delete payload.regionName
+			payload.registeredCapital = Number(payload.registeredCapital)
+			const files = (Array.isArray(this.attachmentFiles) ? this.attachmentFiles : []).filter(it => it && it.id)
+			payload.attachmentFileIds = files.map(it => String(it.id || '')).filter(Boolean).join(',')
+			payload.attachmentFileNames = files.map(it => String(it.name || '')).filter(Boolean).join(',')
+			return payload
+		},
+		async onSubmit() {
+			if (this.submitting) return
+			if (!this.validate()) return
+			this.submitting = true
+			const payload = this.buildPayload()
+			try {
+				await domesticCustomerCreditSaveApi(payload)
+				uni.showToast({ title: '提交成功', icon: 'success' })
+				try { uni.setStorageSync('DOMESTIC_TRADE_LIST_NEED_REFRESH', '1') } catch (e) {}
+				setTimeout(() => { uni.redirectTo({ url: '/pages/domestic_trade/index' }) }, 300)
+			} catch (e) {
+				uni.showToast({ title: (e && e.msg) || '提交失败', icon: 'none' })
+			} finally {
+				this.submitting = false
+			}
+		},
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 12rpx 0 160rpx;
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+	z-index: 10;
+
+	.btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+	}
+
+	.submit {
+		background: $theme-primary;
+		color: #fff;
+	}
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+    background-color: #ffffff;
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.mgb10 {
+	margin-bottom: 20rpx;
+}
+
+.amount-row {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+
+	.unit, .prefix, .suffix {
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+		white-space: nowrap;
+	}
+}
+
+.attach-box {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	gap: 16rpx;
+	width: 100%;
+}
+
+.attach-row {
+	width: 100%;
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	gap: 20rpx;
+}
+
+.attach-del {
+	font-size: 28rpx;
+	color: #D54941;
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 210rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+
+        &.mgb10 {
+            margin-bottom: 20rpx;
+        }
+    }
+}
+</style>

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<view class="detail-page">
+				<view class="section">
+					<text class="row company">{{ safeText(form.unitName) }}</text>
+					<view class="row"><text class="label">客户简称</text><text class="value">{{ safeText(form.customerShortName) }}</text></view>
+					<view class="row"><text class="label">公司性质</text><text class="value">{{ safeText(companyNatureName) }}</text></view>
+					<view v-if="showCompanyNatureOther" class="row"><text class="label">其他</text><text class="value">{{ safeText(form.companyNatureOther) }}</text></view>
+					<view class="row"><text class="label">开户行</text><text class="value">{{ safeText(form.bankName) }}</text></view>
+					<view class="row"><text class="label">账号</text><text class="value">{{ safeText(form.bankAccount) }}</text></view>
+					<view class="row"><text class="label">注册资金(万元)</text><text class="value">{{ safeText(form.registeredCapital) }}</text></view>
+					<view class="row"><text class="label">法人代表</text><text class="value">{{ safeText(form.legalRepresentative) }}</text></view>
+					<view class="row"><text class="label">公司成立时间</text><text class="value">{{ safeText(form.companyEstablishedTime) }}</text></view>
+					<view class="row"><text class="label">地址</text><text class="value">{{ safeText(form.address) }}</text></view>
+					<view class="row"><text class="label">业务负责人</text><text class="value">{{ safeText(form.businessPrincipal) }}</text></view>
+					<view class="row"><text class="label">职务</text><text class="value">{{ safeText(form.businessPrincipalPosition) }}</text></view>
+					<view class="row"><text class="label">电话</text><text class="value">{{ safeText(form.businessPrincipalPhone) }}</text></view>
+					<view class="row"><text class="label">法人与业务负责人关系</text><text class="value">{{ safeText(form.legalBusinessRelation) }}</text></view>
+				</view>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>资产状况</span>
+				</view>
+				<view class="section">
+					<view class="row"><text class="label">生产厂房及办公楼产权</text><text class="value">{{ safeText(form.factoryOfficeProperty) }}</text></view>
+					<view class="row"><text class="label">生产厂房及办公楼面积</text><text class="value">{{ safeText(form.factoryOfficeArea) }}</text></view>
+					<view class="row"><text class="label">仓库或货场产权</text><text class="value">{{ safeText(form.warehouseYardProperty) }}</text></view>
+					<view class="row"><text class="label">仓库或货场产权面积</text><text class="value">{{ safeText(form.warehouseYardArea) }}</text></view>
+					<view class="row"><text class="label">主要生产设备</text><text class="value pre">{{ safeText(form.mainEquipment) }}</text></view>
+					<view class="row"><text class="label">正常库存量</text><text class="value">{{ safeText(form.normalInventory) }}</text></view>
+				</view>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>生产经营环节风险调查</span>
+				</view>
+				<view class="section">
+					<view class="row"><text class="label">主要品种</text><text class="value">{{ safeText(form.mainVarieties) }}</text></view>
+					<view class="row"><text class="label">月度收购量</text><text class="value">{{ safeText(form.monthlyPurchaseVolume) }}</text></view>
+					<view class="row"><text class="label">收购来源</text><text class="value">{{ safeText(purchaseSourceName) }}</text></view>
+					<view class="row"><text class="label">入库品名</text><text class="value">{{ safeText(form.stockInProductName) }}</text></view>
+					<view class="row"><text class="label">产品名称</text><text class="value">{{ safeText(form.productName) }}</text></view>
+					<view class="row"><text class="label">产能</text><text class="value">{{ safeText(form.capacity) }}</text></view>
+					<view class="row"><text class="label">销售渠道</text><text class="value">{{ safeText(form.salesChannel) }}</text></view>
+					<view class="row"><text class="label">操作方式</text><text class="value">{{ safeText(operationModeName) }}</text></view>
+					<view class="row"><text class="label">是否享有优惠政策</text><text class="value">{{ boolText(form.hasPreferentialPolicy) }}</text></view>
+					<view class="row"><text class="label">是否投资期货</text><text class="value">{{ boolText(form.investInFutures) }}</text></view>
+					<view class="row"><text class="label">是否有被处罚记录</text><text class="value">{{ boolText(form.hasPenaltyRecord) }}</text></view>
+					<view class="row"><text class="label">经营范围是否相符</text><text class="value">{{ boolText(form.businessScopeMatch) }}</text></view>
+					<view class="row"><text class="label">常见料质问题</text><text class="value pre">{{ safeText(form.commonMaterialIssue) }}</text></view>
+					<view class="row"><text class="label">合作中的其它问题</text><text class="value pre">{{ safeText(form.otherIssue) }}</text></view>
+				</view>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>与我司的合作状况</span>
+				</view>
+				<view class="section">
+					<view class="row"><text class="label">首次合作年份</text><text class="value">{{ safeText(form.firstCooperationYear) }}</text></view>
+					<view class="row"><text class="label">是否新开发</text><text class="value">{{ safeText(isNewDevelopmentName) }}</text></view>
+					<view class="row"><text class="label">计划落空不良记录</text><text class="value">{{ boolText(form.hasFailedPlanRecord) }}</text></view>
+					<view class="row"><text class="label">履行不到位现象</text><text class="value">{{ boolText(form.hasPlanPerformanceIssue) }}</text></view>
+					<view class="row"><text class="label">进销账务如何处理</text><text class="value pre">{{ safeText(form.accountingProcess) }}</text></view>
+					<view class="row"><text class="label">开票品名是否一致</text><text class="value">{{ boolText(form.invoiceNameMatch) }}</text></view>
+					<view class="row"><text class="label">出库流程是否规范</text><text class="value">{{ boolText(form.outboundProcessStandard) }}</text></view>
+					<view class="row"><text class="label">运输方式</text><text class="value">{{ safeText(form.transportMode) }}</text></view>
+				</view>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>其他</span>
+				</view>
+				<view class="section">
+					<view class="row"><text class="label">资信调查人</text><text class="value">{{ safeText(form.investigatorName) }}</text></view>
+					<view class="row"><text class="label">采购处</text><text class="value">{{ safeText(purchaseDepartmentName) }}</text></view>
+					<view class="row"><text class="label">区域</text><text class="value">{{ safeText(regionName) }}</text></view>
+					<view class="row"><text class="label">评审有效期</text><text class="value">{{ safeText(form.reviewValidUntil) }}</text></view>
+					<view class="row">
+						<text class="label">附件</text>
+						<view class="value">
+							<view v-if="!attachments.length" class="value">-</view>
+							<view v-for="item in attachments" :key="item.id || item.name" class="file-item" @click="onDownload(item)">
+								<text class="value act">{{ item.name }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+        <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+	</view>
+</template>
+
+<script>
+import { downloadFile } from '@/utils/downloadFile.js'
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { domesticCustomerCreditCancelApi, domesticCustomerCreditGetApi, getPurchaseDeptApi, getAllRegionApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+
+export default {
+	name: 'DomesticTradeDetail',
+    components: {
+        DetailButtons
+    },
+	data() {
+		return {
+			id: '',
+			loading: false,
+			form: {},
+			dicOptions: {
+				COMPANY_NATURE: [],
+				DEVELOP_NEW: [],
+				OPERATION_METHOD: [],
+				PURCHASE_SOURCE: []
+			},
+			purchaseDept: null,
+			regionOptions: [],
+            buttons: [{
+				text: '审核详情',
+				visible: true,
+				variant: 'outline',
+				event: 'auditDetail',
+			},{
+				text: '审核',
+				visible: true,
+				variant: 'primary',
+				event: 'audit',
+			},{
+                text: '编辑',
+                visible: true,
+                variant: 'outline',
+                event: 'edit',
+            },
+			// {
+            //     text: '申请变更',
+            //     visible: true,
+            //     variant: 'outline',
+            //     event: 'changeApply',
+            // },
+			{
+                text: '取消',
+                visible: true,
+                variant: 'outline',
+                event: 'cancel',
+            }]
+		}
+	},
+	computed: {
+        displayButtons() {
+			const s = this.form && this.form.status || false
+			const d = this.form && this.form.showExamineDetail || false
+			const e = this.form && this.form.showExamine || false
+            return [
+                { ...this.buttons[0], visible: d && this.$auth.hasPermi('procure-manage:domestic-trade:review') },
+                { ...this.buttons[1], visible: s === 'AUDIT' && e && this.$auth.hasPermi('procure-manage:domestic-trade:approve') },
+                { ...this.buttons[2], visible: s === 'REFUSE' && this.$auth.hasPermi('procure-manage:domestic-trade:modify') },
+                // { ...this.buttons[3], visible: s === 'PASS' && this.$auth.hasPermi('procure-manage:domestic-trade:change') },
+                { ...this.buttons[3], visible: s === 'REFUSE' && this.$auth.hasPermi('procure-manage:domestic-trade:cancel') },
+            ]
+        },
+		companyNatureOptions() {
+			return this.dicToSheetOptions(this.dicOptions.COMPANY_NATURE)
+		},
+		attachments() {
+			const f = this.form || {}
+			const ids = f.attachmentFileIds != null ? String(f.attachmentFileIds) : ''
+			const names = f.attachmentFileNames != null ? String(f.attachmentFileNames) : ''
+			const idArr = ids ? ids.split(',').map(s => s.trim()).filter(Boolean) : []
+			const nameArr = names ? names.split(',') : []
+			if (idArr.length) {
+				return idArr.map((id, i) => ({ id, name: (nameArr[i] != null ? String(nameArr[i]) : '') }))
+			}
+			const legacy = Array.isArray(f.attachments) ? f.attachments : []
+			return legacy.filter(it => it && (it.id || it.name)).map(it => ({ id: it.id || '', name: it.name || '' }))
+		},
+		showCompanyNatureOther() {
+			const v = String((this.form && this.form.companyNature) || '')
+			return v.split(',').includes('OTHER')
+		},
+		companyNatureName() {
+			return this.safeText(this.form.companyNatureName) || this.labelsOf(this.companyNatureOptions, this.form.companyNature)
+		},
+		purchaseSourceName() {
+			const v = this.form && this.form.purchaseSource != null ? String(this.form.purchaseSource) : ''
+			return v ? getDicName('PURCHASE_SOURCE', v, this.dicOptions.PURCHASE_SOURCE) : '-'
+		},
+		operationModeName() {
+			const v = this.form && this.form.operationMode != null ? String(this.form.operationMode) : ''
+			return v ? getDicName('OPERATION_METHOD', v, this.dicOptions.OPERATION_METHOD) : '-'
+		},
+		isNewDevelopmentName() {
+			const v = this.form && this.form.isNewDevelopment != null ? String(this.form.isNewDevelopment) : ''
+			return v ? getDicName('DEVELOP_NEW', v, this.dicOptions.DEVELOP_NEW) : '-'
+		},
+		purchaseDepartmentName() {
+			if (this.purchaseDept && this.purchaseDept.name != null) return String(this.purchaseDept.name)
+			const v = this.form && this.form.purchaseDepartmentName != null ? String(this.form.purchaseDepartmentName) : ''
+			return v || '-'
+		},
+		regionName() {
+			const name = this.safeText(this.form && this.form.regionName)
+			if (name) return name
+			const id = this.form && this.form.region != null ? String(this.form.region) : ''
+			const labelFromOptions = this.getOptionLabel(this.regionOptions, id)
+			if (labelFromOptions) return labelFromOptions
+			return id || '-'
+		}
+	},
+	created() {
+		this.loadDicData()
+		this.loadPurchaseDeptOptions()
+	},
+	onShow() {
+		const options = (this.$route && this.$route.query) ? this.$route.query : {}
+		const id = options && options.id ? String(options.id) : ''
+		this.id = id
+		this.loadDetail()
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['COMPANY_NATURE', 'DEVELOP_NEW', 'OPERATION_METHOD', 'PURCHASE_SOURCE'])
+				this.dicOptions = {
+					COMPANY_NATURE: (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || [],
+					DEVELOP_NEW: (results.DEVELOP_NEW && results.DEVELOP_NEW.data) || [],
+					OPERATION_METHOD: (results.OPERATION_METHOD && results.OPERATION_METHOD.data) || [],
+					PURCHASE_SOURCE: (results.PURCHASE_SOURCE && results.PURCHASE_SOURCE.data) || []
+				}
+			} catch (e) {
+				this.dicOptions = { COMPANY_NATURE: [], DEVELOP_NEW: [], OPERATION_METHOD: [], PURCHASE_SOURCE: [] }
+			}
+		},
+		async loadPurchaseDeptOptions() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const data = (res && res.data) ? res.data : {}
+				this.purchaseDept = (data && typeof data === 'object') ? data : null
+				await this.loadRegionOptions()
+			} catch (e) {
+				this.purchaseDept = null
+				this.regionOptions = []
+			}
+		},
+		normalizeRegionOptions(raw) {
+			const list = Array.isArray(raw)
+				? raw
+				: (Array.isArray(raw && raw.data) ? raw.data : (Array.isArray(raw && raw.rows) ? raw.rows : []))
+			return list.map(it => {
+				const id = it && (it.id != null ? it.id : (it.value != null ? it.value : (it.regionId != null ? it.regionId : '')))
+				const name = it && (it.name != null ? it.name : (it.label != null ? it.label : (it.regionName != null ? it.regionName : '')))
+				return { label: name != null ? String(name) : '', value: id != null ? String(id) : '' }
+			}).filter(it => it.value)
+		},
+		getOptionLabel(options, value) {
+			const v = value != null ? String(value) : ''
+			if (!v) return ''
+			const match = (options || []).find(o => String(o.value) === v)
+			return match ? String(match.label || '') : ''
+		},
+		getPurchaseDepartmentId() {
+			if (this.purchaseDept && this.purchaseDept.id != null) return String(this.purchaseDept.id)
+			const v = this.form && this.form.purchaseDepartment != null ? String(this.form.purchaseDepartment) : ''
+			return v || ''
+		},
+		async loadRegionOptions() {
+			const purchaseDepartment = this.getPurchaseDepartmentId()
+			if (!purchaseDepartment) {
+				this.regionOptions = []
+				return
+			}
+			try {
+				const res = await getAllRegionApi(purchaseDepartment)
+				const raw = res && res.data != null ? res.data : []
+				this.regionOptions = this.normalizeRegionOptions(raw)
+			} catch (e) {
+				this.regionOptions = []
+			}
+		},
+		dicToSheetOptions(items) {
+			const list = Array.isArray(items) ? items : []
+			return list.map(it => ({ label: it && it.name != null ? String(it.name) : '', value: it && it.code != null ? String(it.code) : '' })).filter(it => it.value)
+		},
+        handleButtonClick(btn) {
+            if (!btn || btn.disabled) return
+            if (typeof btn.onClick === 'function') return btn.onClick(this.form, btn.params)
+            const e = btn.event || ''
+            if (e === 'edit') return this.onEdit(btn && btn.params)
+            if (e === 'changeApply') return this.onChangeApply(btn && btn.params)
+            if (e === 'audit') return this.onAudit(btn && btn.params)
+            if (e === 'auditDetail') return this.onAuditDetail(btn && btn.params)
+            if (e === 'cancel') return this.onCancel(btn && btn.params)
+        },
+        onEdit(params) {
+            uni.navigateTo({ url: '/pages/domestic_trade/modify?id=' + this.id })
+        },
+		onChangeApply(params) {
+			uni.navigateTo({ url: '/pages/domestic_trade/change?id=' + this.id })
+		},
+		onAudit(params) {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			const CACHE_KEY = 'sourceBusinessId'
+			const TYPE = 'contractType'
+			uni.setStorageSync(TYPE, 'CUSTOMER_CREDIT_IN')
+			uni.setStorageSync(CACHE_KEY, id)
+			uni.navigateTo({ url: '/pages/flow/audit' })
+		},
+		onAuditDetail(params) {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			const CACHE_KEY = 'sourceBusinessId'
+			const TYPE = 'contractType'
+			uni.setStorageSync(TYPE, 'CUSTOMER_CREDIT_IN')
+			uni.setStorageSync(CACHE_KEY, id)
+			uni.navigateTo({ url: '/pages/flow/audit_detail' })
+		},
+		onCancel(params) {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			uni.showModal({
+				title: '系统提示',
+				content: '是否确定取消该流程？',
+				confirmText: '确定',
+				cancelText: '取消',
+				success: (res) => {
+					if (res && res.confirm) {
+						domesticCustomerCreditCancelApi(id).then(() => {
+							uni.showToast({ title: '已取消', icon: 'none' })
+							try { uni.setStorageSync('DOMESTIC_TRADE_LIST_NEED_REFRESH', '1') } catch (e) {}
+							setTimeout(() => { uni.redirectTo({ url: '/pages/domestic_trade/index' }) }, 300)
+						}).catch((e) => {
+							uni.showToast({ title: (e && e.msg) || '取消失败', icon: 'none' })
+						})
+					}
+				}
+			})
+		},
+		boolText(v) {
+			if (v === true) return '是'
+			if (v === false) return '否'
+			return '-'
+		},
+		safeText(v) {
+			const s = v == null ? '' : String(v)
+			return s.trim() ? s : ''
+		},
+		labelsOf(options, csv) {
+			const v = csv == null ? '' : String(csv)
+			if (!v) return '-'
+			const parts = v.split(',').filter(Boolean)
+			if (!parts.length) return '-'
+			const labels = []
+			;(options || []).forEach(opt => {
+				const ov = opt && opt.value != null ? String(opt.value) : ''
+				if (ov && parts.includes(ov)) labels.push(opt.label != null ? String(opt.label) : '')
+			})
+			return labels.filter(Boolean).join(',') || '-'
+		},
+		async loadDetail() {
+			this.loading = true
+			try {
+				const res = await domesticCustomerCreditGetApi(this.id)
+				const data = (res && res.data) ? res.data : {}
+				const u = (this.$store && this.$store.state && this.$store.state.user) ? this.$store.state.user : {}
+				if (!data.investigatorName && data.investigatorId && u && String(u.id || '') === String(data.investigatorId || '')) {
+					data.investigatorName = u && u.name ? String(u.name) : ''
+				}
+				this.form = data
+				await this.loadRegionOptions()
+			} catch (e) {
+				this.form = {}
+				this.regionOptions = []
+				uni.showToast({ title: '详情加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		onDownload(item) {
+			if (!item || !item.id) return
+			downloadFile(item.id, item.name || 'download')
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 8rpx 0 144rpx;
+}
+
+.detail-page {
+	background: #f3f3f3;
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.section {
+	padding: 32rpx;
+	background: #fff;
+	margin-bottom: 20rpx;
+}
+
+.row {
+	display: flex;
+	margin-bottom: 28rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.company {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+		padding-top: 8rpx;
+		line-height: 50rpx;
+	}
+
+	.label {
+		max-width: 420rpx;
+		margin-right: 20rpx;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+	}
+
+	.value {
+		flex: 1;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.9);
+		text-align: right;
+		word-break: break-all;
+
+		&.act {
+			color: $theme-primary;
+		}
+
+		&.pre {
+			white-space: pre-wrap;
+		}
+	}
+}
+.title-header {
+    background-color: #ffffff;
+}
+.file-item {
+	margin-bottom: 12rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+</style>

+<template>
+	<view class="detail-page">
+		<scroll-view class="scroll" scroll-y>
+			<view class="section">
+				<text class="row company">{{ safeText(form.unitName) }}</text>
+				<view class="row"><text class="label">客户简称</text><text class="value">{{ safeText(form.customerShortName) }}</text></view>
+				<view class="row"><text class="label">公司性质</text><text class="value">{{ safeText(companyNatureName) }}</text></view>
+				<view class="row"><text class="label">开户行</text><text class="value">{{ safeText(form.bankName) }}</text></view>
+				<view class="row"><text class="label">账号</text><text class="value">{{ safeText(form.bankAccount) }}</text></view>
+				<view class="row"><text class="label">注册资金(万元)</text><text class="value">{{ safeText(form.registeredCapital) }}</text></view>
+				<view class="row"><text class="label">法人代表</text><text class="value">{{ safeText(form.legalRepresentative) }}</text></view>
+				<view class="row"><text class="label">公司成立时间</text><text class="value">{{ safeText(form.companyEstablishedTime) }}</text></view>
+				<view class="row"><text class="label">地址</text><text class="value">{{ safeText(form.address) }}</text></view>
+				<view class="row"><text class="label">业务负责人</text><text class="value">{{ safeText(form.businessPrincipal) }}</text></view>
+				<view class="row"><text class="label">职务</text><text class="value">{{ safeText(form.businessPrincipalPosition) }}</text></view>
+				<view class="row"><text class="label">电话</text><text class="value">{{ safeText(form.businessPrincipalPhone) }}</text></view>
+				<view class="row"><text class="label">法人与业务负责人关系</text><text class="value">{{ safeText(form.legalBusinessRelation) }}</text></view>
+			</view>
+
+			<view class="title-header">
+				<image class="title-header_icon" src="/static/images/title.png" />
+				<span>资产状况</span>
+			</view>
+			<view class="section">
+				<view class="row"><text class="label">生产厂房及办公楼产权</text><text class="value">{{ safeText(form.factoryOfficeProperty) }}</text></view>
+				<view class="row"><text class="label">生产厂房及办公楼面积</text><text class="value">{{ safeText(form.factoryOfficeArea) }}</text></view>
+				<view class="row"><text class="label">仓库或货场产权</text><text class="value">{{ safeText(form.warehouseYardProperty) }}</text></view>
+				<view class="row"><text class="label">仓库或货场产权面积</text><text class="value">{{ safeText(form.warehouseYardArea) }}</text></view>
+				<view class="row"><text class="label">主要生产设备</text><text class="value pre">{{ safeText(form.mainEquipment) }}</text></view>
+				<view class="row"><text class="label">正常库存量</text><text class="value">{{ safeText(form.normalInventory) }}</text></view>
+			</view>
+
+			<view class="title-header">
+				<image class="title-header_icon" src="/static/images/title.png" />
+				<span>生产经营环节风险调查</span>
+			</view>
+			<view class="section">
+				<view class="row"><text class="label">主要品种</text><text class="value">{{ safeText(form.mainVarieties) }}</text></view>
+				<view class="row"><text class="label">月度收购量</text><text class="value">{{ safeText(form.monthlyPurchaseVolume) }}</text></view>
+				<view class="row"><text class="label">收购来源</text><text class="value">{{ safeText(purchaseSourceName) }}</text></view>
+				<view class="row"><text class="label">入库品名</text><text class="value">{{ safeText(form.stockInProductName) }}</text></view>
+				<view class="row"><text class="label">产品名称</text><text class="value">{{ safeText(form.productName) }}</text></view>
+				<view class="row"><text class="label">产能</text><text class="value">{{ safeText(form.capacity) }}</text></view>
+				<view class="row"><text class="label">销售渠道</text><text class="value">{{ safeText(form.salesChannel) }}</text></view>
+				<view class="row"><text class="label">操作方式</text><text class="value">{{ safeText(operationModeName) }}</text></view>
+				<view class="row"><text class="label">是否享有优惠政策</text><text class="value">{{ boolText(form.hasPreferentialPolicy) }}</text></view>
+				<view class="row"><text class="label">是否投资期货</text><text class="value">{{ boolText(form.investInFutures) }}</text></view>
+				<view class="row"><text class="label">是否有被处罚记录</text><text class="value">{{ boolText(form.hasPenaltyRecord) }}</text></view>
+				<view class="row"><text class="label">经营范围是否相符</text><text class="value">{{ boolText(form.businessScopeMatch) }}</text></view>
+				<view class="row"><text class="label">常见料质问题</text><text class="value pre">{{ safeText(form.commonMaterialIssue) }}</text></view>
+				<view class="row"><text class="label">合作中的其它问题</text><text class="value pre">{{ safeText(form.otherIssue) }}</text></view>
+			</view>
+
+			<view class="title-header">
+				<image class="title-header_icon" src="/static/images/title.png" />
+				<span>与我司的合作状况</span>
+			</view>
+			<view class="section">
+				<view class="row"><text class="label">首次合作年份</text><text class="value">{{ safeText(form.firstCooperationYear) }}</text></view>
+				<view class="row"><text class="label">是否新开发</text><text class="value">{{ safeText(isNewDevelopmentName) }}</text></view>
+				<view class="row"><text class="label">计划落空不良记录</text><text class="value">{{ boolText(form.hasFailedPlanRecord) }}</text></view>
+				<view class="row"><text class="label">履行不到位现象</text><text class="value">{{ boolText(form.hasPlanPerformanceIssue) }}</text></view>
+				<view class="row"><text class="label">进销账务如何处理</text><text class="value pre">{{ safeText(form.accountingProcess) }}</text></view>
+				<view class="row"><text class="label">开票品名是否一致</text><text class="value">{{ boolText(form.invoiceNameMatch) }}</text></view>
+				<view class="row"><text class="label">出库流程是否规范</text><text class="value">{{ boolText(form.outboundProcessStandard) }}</text></view>
+				<view class="row"><text class="label">运输方式</text><text class="value">{{ safeText(form.transportMode) }}</text></view>
+			</view>
+
+			<view class="title-header">
+				<image class="title-header_icon" src="/static/images/title.png" />
+				<span>其他</span>
+			</view>
+			<view class="section">
+				<view class="row"><text class="label">资信调查人</text><text class="value">{{ safeText(form.investigatorName) }}</text></view>
+				<view class="row"><text class="label">采购处</text><text class="value">{{ safeText(purchaseDepartmentName) }}</text></view>
+				<view class="row"><text class="label">区域</text><text class="value">{{ safeText(regionName) }}</text></view>
+				<view class="row"><text class="label">评审有效期</text><text class="value">{{ safeText(form.reviewValidUntil) }}</text></view>
+				<view class="row">
+					<text class="label">附件</text>
+					<view class="value">
+						<view v-if="!attachments.length" class="value">-</view>
+						<view v-for="item in attachments" :key="item.id || item.name" class="file-item" @click="onDownload(item)">
+							<text class="value act">{{ item.name }}</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+import { downloadFile } from '@/utils/downloadFile.js'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { domesticCustomerCreditGetExamineByIdApi, getPurchaseDeptApi, getAllRegionApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+
+export default {
+	name: 'DomesticCustomerCreditViewer',
+	props: { id: { type: [String, Number], default: '' } },
+	data() {
+		return {
+			form: {},
+			dicOptions: {
+				COMPANY_NATURE: [],
+				DEVELOP_NEW: [],
+				OPERATION_METHOD: [],
+				PURCHASE_SOURCE: []
+			},
+			purchaseDept: null,
+			regionOptions: []
+		}
+	},
+	computed: {
+		attachments() {
+			const f = this.form || {}
+			const ids = f.attachmentFileIds != null ? String(f.attachmentFileIds) : ''
+			const names = f.attachmentFileNames != null ? String(f.attachmentFileNames) : ''
+			const idArr = ids ? ids.split(',').map(s => s.trim()).filter(Boolean) : []
+			const nameArr = names ? names.split(',') : []
+			if (idArr.length) {
+				return idArr.map((id, i) => ({ id, name: (nameArr[i] != null ? String(nameArr[i]) : '') }))
+			}
+			const legacy = Array.isArray(f.attachments) ? f.attachments : []
+			return legacy.filter(it => it && (it.id || it.name)).map(it => ({ id: it.id || '', name: it.name || '' }))
+		},
+		companyNatureOptions() {
+			return this.dicToSheetOptions(this.dicOptions.COMPANY_NATURE)
+		},
+		companyNatureName() {
+			return this.safeText(this.form.companyNatureName) || this.labelsOf(this.companyNatureOptions, this.form.companyNature)
+		},
+		purchaseSourceName() {
+			const v = this.form && this.form.purchaseSource != null ? String(this.form.purchaseSource) : ''
+			return v ? getDicName('PURCHASE_SOURCE', v, this.dicOptions.PURCHASE_SOURCE) : '-'
+		},
+		operationModeName() {
+			const v = this.form && this.form.operationMode != null ? String(this.form.operationMode) : ''
+			return v ? getDicName('OPERATION_METHOD', v, this.dicOptions.OPERATION_METHOD) : '-'
+		},
+		isNewDevelopmentName() {
+			const v = this.form && this.form.isNewDevelopment != null ? String(this.form.isNewDevelopment) : ''
+			return v ? getDicName('DEVELOP_NEW', v, this.dicOptions.DEVELOP_NEW) : '-'
+		},
+		purchaseDepartmentName() {
+			if (this.purchaseDept && this.purchaseDept.name != null) return String(this.purchaseDept.name)
+			const v = this.form && this.form.purchaseDepartmentName != null ? String(this.form.purchaseDepartmentName) : ''
+			return v || '-'
+		},
+		regionName() {
+			const name = this.safeText(this.form && this.form.regionName)
+			if (name) return name
+			const id = this.form && this.form.region != null ? String(this.form.region) : ''
+			const labelFromOptions = this.getOptionLabel(this.regionOptions, id)
+			if (labelFromOptions) return labelFromOptions
+			return id || '-'
+		}
+	},
+	created() {
+		this.loadDicData()
+		this.loadPurchaseDeptOptions()
+	},
+	watch: {
+		id: {
+			immediate: true,
+			handler(val) {
+				const v = (val !== undefined && val !== null) ? String(val) : ''
+				if (v) this.loadDetail(v)
+			}
+		}
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['COMPANY_NATURE', 'DEVELOP_NEW', 'OPERATION_METHOD', 'PURCHASE_SOURCE'])
+				this.dicOptions = {
+					COMPANY_NATURE: (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || [],
+					DEVELOP_NEW: (results.DEVELOP_NEW && results.DEVELOP_NEW.data) || [],
+					OPERATION_METHOD: (results.OPERATION_METHOD && results.OPERATION_METHOD.data) || [],
+					PURCHASE_SOURCE: (results.PURCHASE_SOURCE && results.PURCHASE_SOURCE.data) || []
+				}
+			} catch (e) {
+				this.dicOptions = { COMPANY_NATURE: [], DEVELOP_NEW: [], OPERATION_METHOD: [], PURCHASE_SOURCE: [] }
+			}
+		},
+		async loadPurchaseDeptOptions() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const data = (res && res.data) ? res.data : {}
+				this.purchaseDept = (data && typeof data === 'object') ? data : null
+				await this.loadRegionOptions()
+			} catch (e) {
+				this.purchaseDept = null
+				this.regionOptions = []
+			}
+		},
+		normalizeRegionOptions(raw) {
+			const list = Array.isArray(raw)
+				? raw
+				: (Array.isArray(raw && raw.data) ? raw.data : (Array.isArray(raw && raw.rows) ? raw.rows : []))
+			return list.map(it => {
+				const id = it && (it.id != null ? it.id : (it.value != null ? it.value : (it.regionId != null ? it.regionId : '')))
+				const name = it && (it.name != null ? it.name : (it.label != null ? it.label : (it.regionName != null ? it.regionName : '')))
+				return { label: name != null ? String(name) : '', value: id != null ? String(id) : '' }
+			}).filter(it => it.value)
+		},
+		getOptionLabel(options, value) {
+			const v = value != null ? String(value) : ''
+			if (!v) return ''
+			const match = (options || []).find(o => String(o.value) === v)
+			return match ? String(match.label || '') : ''
+		},
+		getPurchaseDepartmentId() {
+			if (this.purchaseDept && this.purchaseDept.id != null) return String(this.purchaseDept.id)
+			const v = this.form && this.form.purchaseDepartment != null ? String(this.form.purchaseDepartment) : ''
+			return v || ''
+		},
+		async loadRegionOptions() {
+			const purchaseDepartment = this.getPurchaseDepartmentId()
+			if (!purchaseDepartment) {
+				this.regionOptions = []
+				return
+			}
+			try {
+				const res = await getAllRegionApi(purchaseDepartment)
+				const raw = res && res.data != null ? res.data : []
+				this.regionOptions = this.normalizeRegionOptions(raw)
+			} catch (e) {
+				this.regionOptions = []
+			}
+		},
+		dicToSheetOptions(items) {
+			const list = Array.isArray(items) ? items : []
+			return list.map(it => ({ label: it && it.name != null ? String(it.name) : '', value: it && it.code != null ? String(it.code) : '' })).filter(it => it.value)
+		},
+		labelsOf(options, csv) {
+			const v = csv == null ? '' : String(csv)
+			if (!v) return '-'
+			const parts = v.split(',').filter(Boolean)
+			if (!parts.length) return '-'
+			const labels = []
+			;(options || []).forEach(opt => {
+				const ov = opt && opt.value != null ? String(opt.value) : ''
+				if (ov && parts.includes(ov)) labels.push(opt.label != null ? String(opt.label) : '')
+			})
+			return labels.filter(Boolean).join(',') || '-'
+		},
+		boolText(v) {
+			if (v === true) return '是'
+			if (v === false) return '否'
+			return '-'
+		},
+		safeText(v) {
+			const s = v == null ? '' : String(v)
+			return s.trim() ? s : ''
+		},
+		async loadDetail(id) {
+			try {
+				const res = await domesticCustomerCreditGetExamineByIdApi(id)
+				this.form = (res && res.data) ? res.data : {}
+				await this.loadRegionOptions()
+			} catch (e) {
+				this.form = {}
+				this.regionOptions = []
+			}
+		},
+		onDownload(item) {
+			if (!item || !item.id) return
+			downloadFile(item.id, item.name || 'download')
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-page {
+	background: #f3f3f3;
+}
+
+.scroll {
+	flex: 1;
+	padding: 8rpx 0 144rpx;
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+	background-color: #ffffff;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.section {
+	padding: 32rpx;
+	background: #fff;
+	margin-bottom: 20rpx;
+}
+
+.row {
+	display: flex;
+	margin-bottom: 28rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.company {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+		padding-top: 8rpx;
+		line-height: 50rpx;
+	}
+
+	.label {
+		max-width: 420rpx;
+		margin-right: 20rpx;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+	}
+
+	.value {
+		flex: 1;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.9);
+		text-align: right;
+		word-break: break-all;
+
+		&.act {
+			color: $theme-primary;
+		}
+
+		&.pre {
+			white-space: pre-wrap;
+		}
+	}
+}
+
+.file-item {
+	margin-bottom: 12rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+</style>

+<template>
+	<view class="page">
+		<view class="dev-list-fixed">
+			<view class="search-row">
+				<uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入单位名称" clearButton="auto"
+					cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search"
+					@input="onSearchInput" />
+				<view class="tool-icons">
+                    <image class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" />
+					<image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" />
+				</view>
+			</view>
+		</view>
+
+		<view class="list-box">
+			<card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" row-key="id"
+				:enable-refresh="true" :enable-load-more="true" @loaded="onCardLoaded" @error="onCardError">
+				<template v-slot="{ item }">
+					<view class="card" @click.stop="onCardClick(item)">
+						<view class="card-header">
+							<text class="title omit2">{{ item.unitName || '-' }}</text>
+							<text :class="['status', `status_${item.status}`]">{{ getAuditStatusText(item.status) }}</text>
+						</view>
+						<view class="info-row">
+							<text>公司性质</text><text>{{ companyNatureText(item) }}</text>
+						</view>
+						<view class="info-row">
+							<text>电话</text><text>{{ item.businessPrincipalPhone || '-' }}</text>
+						</view>
+						<view class="info-row">
+						<text>业务负责人</text><text>{{ item.businessPrincipal || '-' }}</text>
+					</view>
+					<view class="info-row">
+							<text>登记日期</text><text>{{ formatDateOnly(item.createTime) }}</text>
+						</view>
+					</view>
+				</template>
+			</card-list>
+		</view>
+
+		<filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+			@confirm="onFilterConfirm">
+			<template v-slot="{ model }">
+				<view class="filter-form">
+					<view class="form-item">
+						<view class="label">审核状态</view>
+						<uni-data-checkbox mode="tag" :multiple="false" :value-field="'value'" :text-field="'text'"
+							v-model="model.status" @change="onAuditStatusChange" :localdata="statusOptions" />
+					</view>
+					<view class="form-item">
+						<view class="label">登记日期</view>
+						<uni-datetime-picker type="daterange" v-model="model.dateRange" start="2023-01-01" />
+					</view>
+				</view>
+			</template>
+		</filter-modal>
+	</view>
+</template>
+
+<script>
+import CardList from '@/components/card/index.vue'
+import FilterModal from '@/components/filter/index.vue'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { domesticCustomerCreditQueryApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+
+export default {
+	name: 'DomesticTradeList',
+	components: { CardList, FilterModal },
+	data() {
+		return {
+			searchKeyword: '',
+			searchKeywordDebounced: '',
+			searchDebounceTimer: null,
+			query: {
+				unitName: '',
+				status: '',
+				dateRange: []
+			},
+			extraParams: {},
+			currentItems: [],
+			filterVisible: false,
+			filterForm: {
+				status: '',
+				dateRange: []
+			},
+			statusOptions: [
+				{ value: '', text: '全部' }
+			],
+			dicOptions: {
+				AUDIT_STATUS: [],
+				COMPANY_NATURE: []
+			},
+		}
+	},
+	watch: {
+		searchKeywordDebounced(v) {
+			this.query = { ...this.query, unitName: v || '' }
+		}
+	},
+	created() {
+		this.loadDicData()
+	},
+	onShow() {
+		let needRefresh = ''
+		try { needRefresh = uni.getStorageSync('DOMESTIC_TRADE_LIST_NEED_REFRESH') } catch (e) {}
+		if (!needRefresh) return
+		try { uni.removeStorageSync('DOMESTIC_TRADE_LIST_NEED_REFRESH') } catch (e) {}
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.reload) {
+			this.$refs.cardRef.reload()
+		}
+	},
+	onReachBottom() {
+		if (this.$refs && this.$refs.cardRef && this.$refs.cardRef.onLoadMore) {
+			this.$refs.cardRef.onLoadMore()
+		}
+	},
+	beforeDestroy() {
+		if (this.searchDebounceTimer) {
+			clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = null
+		}
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['AUDIT_STATUS', 'COMPANY_NATURE'])
+				this.dicOptions.AUDIT_STATUS = (results.AUDIT_STATUS && results.AUDIT_STATUS.data) || []
+				this.dicOptions.COMPANY_NATURE = (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || []
+				const list = Array.isArray(this.dicOptions.AUDIT_STATUS) ? this.dicOptions.AUDIT_STATUS : []
+				this.statusOptions = [{ value: '', text: '全部' }].concat(
+					list.map(it => ({ value: it && it.code != null ? String(it.code) : '', text: it && it.name != null ? String(it.name) : '' })).filter(it => it.value)
+				)
+			} catch (e) {
+				this.dicOptions.AUDIT_STATUS = []
+				this.dicOptions.COMPANY_NATURE = []
+				this.statusOptions = [{ value: '', text: '全部' }]
+			}
+		},
+		companyNatureText(item) {
+			const v = item && item.companyNature != null ? String(item.companyNature) : ''
+			if (!v) return '-'
+			const parts = v.split(',').map(s => s.trim()).filter(Boolean)
+			if (parts.length > 1) {
+				return parts.map(code => getDicName('COMPANY_NATURE', code, this.dicOptions.COMPANY_NATURE)).filter(Boolean).join(',')
+			}
+			return getDicName('COMPANY_NATURE', v, this.dicOptions.COMPANY_NATURE) || v
+		},
+		formatDateOnly(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return '-'
+			if (s.length >= 10) return s.slice(0, 10)
+			return s
+		},
+        onAdd() {
+            uni.navigateTo({ url: '/pages/domestic_trade/add' })
+        },
+		onCardLoaded({ items }) {
+			this.currentItems = items
+		},
+		onCardError() {
+			uni.showToast({ title: '列表加载失败', icon: 'none' })
+		},
+		onSearchInput() {
+			if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+			this.searchDebounceTimer = setTimeout(() => {
+				this.searchKeywordDebounced = this.searchKeyword
+				this.searchDebounceTimer = null
+			}, 1200)
+		},
+		search(e) {
+			const val = e && e.value != null ? e.value : this.searchKeyword
+			this.searchKeyword = val
+			this.searchKeywordDebounced = val
+		},
+		openFilter() {
+			this.filterForm = {
+				status: this.query.status || '',
+				dateRange: Array.isArray(this.query.dateRange) ? this.query.dateRange.slice(0) : []
+			}
+			this.filterVisible = true
+		},
+		onFilterReset(payload) {
+			this.filterForm = payload
+		},
+		onFilterConfirm(payload) {
+			this.query = {
+				unitName: this.query.unitName || '',
+				status: payload.status || '',
+				dateRange: Array.isArray(payload.dateRange) ? payload.dateRange : []
+			}
+		},
+		onAuditStatusChange(e) {
+			const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ? e.value : '')
+			this.filterForm.status = raw
+		},
+		getAuditStatusText(status) {
+			const v = status == null ? '' : String(status)
+			if (!v) return '-'
+			return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+		},
+		fetchList({ pageIndex, pageSize, query }) {
+			const q = query || {}
+			const range = Array.isArray(q.dateRange) ? q.dateRange : []
+			const params = {
+				pageIndex,
+				pageSize,
+				unitName: q.unitName || '',
+				status: q.status || '',
+				createDateStart: (range && range.length === 2) ? range[0] : '',
+				createDateEnd: (range && range.length === 2) ? range[1] : ''
+			}
+			return domesticCustomerCreditQueryApi(params).then(res => {
+				const _data = res && res.data ? res.data : {}
+				let records = _data.datas || _data.list || _data.records || []
+				const totalCount = _data.totalCount || _data.count || 0
+				const hasNext = _data.hasNext || false
+				records = records.map(it => ({ ...it }))
+				return { records, totalCount, hasNext }
+			}).catch(() => {
+				this.onCardError()
+				return { records: [], totalCount: 0, hasNext: false }
+			})
+		},
+		onCardClick(item) {
+            uni.navigateTo({ url: '/pages/domestic_trade/detail?id=' + item.id })
+		},
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+}
+
+.dev-list-fixed {
+	position: fixed;
+	top: 96rpx;
+	left: 0;
+	right: 0;
+	z-index: 2;
+	background: #fff;
+
+	.search-row {
+		display: flex;
+		align-items: center;
+		padding: 16rpx 32rpx;
+
+		.uni-searchbar {
+			padding: 0;
+			flex: 1;
+		}
+
+		.tool-icons {
+			display: flex;
+
+			.tool-icon {
+				width: 48rpx;
+				height: 48rpx;
+				display: block;
+				margin-left: 32rpx;
+			}
+		}
+	}
+}
+
+::v-deep .uni-searchbar__box {
+	height: 80rpx !important;
+	justify-content: start;
+
+	.uni-searchbar__box-search-input {
+		font-size: 32rpx !important;
+	}
+}
+
+.list-box {
+	flex: 1;
+	padding-top: 140rpx;
+
+	.card {
+		position: relative;
+	}
+
+	.card-header {
+		margin-bottom: 28rpx;
+		position: relative;
+
+		.title {
+			font-size: 36rpx;
+			font-weight: 600;
+			line-height: 50rpx;
+			color: rgba(0, 0, 0, 0.9);
+			width: 578rpx;
+		}
+
+		.status {
+			position: absolute;
+			top: -32rpx;
+			right: -12rpx;
+			height: 48rpx;
+			line-height: 48rpx;
+			font-weight: 600;
+			color: #fff;
+			font-size: 24rpx;
+			padding: 0 14rpx;
+			border-radius: 6rpx;
+
+			&.status_AUDIT {
+				background: $theme-primary;
+			}
+
+			&.status_PASS {
+				background: #2BA471;
+			}
+
+			&.status_REFUSE {
+				background: #D54941;
+			}
+
+			&.status_CANCEL {
+				background: #E7E7E7;
+				color: rgba(0, 0, 0, 0.9);
+			}
+		}
+	}
+
+	.info-row {
+		display: flex;
+		align-items: center;
+		color: rgba(0, 0, 0, 0.6);
+		font-size: 28rpx;
+		margin-bottom: 24rpx;
+		height: 32rpx;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		text {
+			width: 50%;
+
+			&:last-child {
+				color: rgba(0, 0, 0, 0.9);
+				width: 50%;
+			}
+		}
+	}
+}
+
+.filter-form {
+	.form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.label {
+		margin-bottom: 20rpx;
+		color: rgba(0, 0, 0, 0.9);
+		height: 44rpx;
+		line-height: 44rpx;
+		font-size: 30rpx;
+	}
+}
+</style>

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<uni-list>
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>基本资料</span>
+				</view>
+
+				<uni-list-item title="单位名称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.unitName" placeholder="请输入单位名称" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+				<uni-list-item title="客户简称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.customerShortName" placeholder="请输入客户简称" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+				<uni-list-item class="select-item" :class="form.companyNatureName ? 'is-filled' : 'is-empty'" clickable
+					@click="openMultiSheet('companyNature')" :rightText="displayLabel('companyNatureName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>公司性质</text></view>
+					</template>
+				</uni-list-item>
+				<uni-list-item v-if="showCompanyNatureOther" class="mgb10" title="其他">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.companyNatureOther" placeholder="请输入其他公司性质" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="开户行">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.bankName" placeholder="请输入开户行" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="账号">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.bankAccount" placeholder="请输入账号" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="amount-item">
+					<template v-slot:body>
+						<view class="item-title"><text>注册资金</text></view>
+					</template>
+					<template v-slot:footer>
+						<view class="amount-row">
+							<uni-easyinput type="digit" v-model="form.registeredCapital" placeholder="请输入" :inputBorder="false" />
+							<text class="unit">万元</text>
+						</view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="法人代表">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.legalRepresentative" placeholder="请输入法人代表" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="公司成立时间">
+					<template v-slot:footer>
+						<uni-datetime-picker type="date" v-model="form.companyEstablishedTime" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="地址">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.address" placeholder="请输入地址" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="业务负责人">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.businessPrincipal" placeholder="请输入业务负责人" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="职务">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.businessPrincipalPosition" placeholder="请输入职务" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="电话">
+					<template v-slot:footer>
+						<uni-easyinput type="number" v-model="form.businessPrincipalPhone" placeholder="请输入手机号码" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="法人与业务负责人关系">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.legalBusinessRelation" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>资产状况</span>
+				</view>
+
+				<uni-list-item title="生产厂房及办公楼产权">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.factoryOfficeProperty" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="生产厂房及办公楼面积">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.factoryOfficeArea" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="仓库或货场产权">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.warehouseYardProperty" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="仓库或货场产权面积">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.warehouseYardArea" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="主要生产设备">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.mainEquipment" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="正常库存量">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.normalInventory" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>生产经营环节风险调查</span>
+				</view>
+
+				<uni-list-item title="主要品种">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.mainVarieties" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="月度收购量">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.monthlyPurchaseVolume" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.purchaseSource ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('purchaseSource')" :rightText="displayLabel('purchaseSource')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>收购来源</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="入库品名">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.stockInProductName" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="产品名称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.productName" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="产能">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.capacity" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="销售渠道">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.salesChannel" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.operationMode ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('operationMode')" :rightText="displayLabel('operationMode')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>操作方式</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.hasPreferentialPolicy === true || form.hasPreferentialPolicy === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasPreferentialPolicy')" :rightText="displayLabel('hasPreferentialPolicy')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否享有优惠政策</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.investInFutures === true || form.investInFutures === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('investInFutures')" :rightText="displayLabel('investInFutures')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否投资期货</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.hasPenaltyRecord === true || form.hasPenaltyRecord === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasPenaltyRecord')" :rightText="displayLabel('hasPenaltyRecord')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否有被处罚记录</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.businessScopeMatch === true || form.businessScopeMatch === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('businessScopeMatch')" :rightText="displayLabel('businessScopeMatch')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>实际经营范围与法定经营范围是否相符</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="常见料质问题">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.commonMaterialIssue" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="合作中的其它问题">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.otherIssue" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>与我司的合作状况</span>
+				</view>
+
+				<uni-list-item title="首次合作年份">
+					<template v-slot:footer>
+						<uni-easyinput type="digit" v-model="form.firstCooperationYear" placeholder="请输入4位年份" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.isNewDevelopment ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('isNewDevelopment')" :rightText="displayLabel('isNewDevelopment')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否新开发</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.hasFailedPlanRecord === true || form.hasFailedPlanRecord === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasFailedPlanRecord')" :rightText="displayLabel('hasFailedPlanRecord')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否有计划落空的不良记录</text></view>
+					</template>
+				</uni-list-item>
+				<uni-list-item class="select-item" :class="form.hasPlanPerformanceIssue === true || form.hasPlanPerformanceIssue === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('hasPlanPerformanceIssue')" :rightText="displayLabel('hasPlanPerformanceIssue')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>是否有计划履行不到位现象</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="进销账务如何处理">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.accountingProcess" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.invoiceNameMatch === true || form.invoiceNameMatch === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('invoiceNameMatch')" :rightText="displayLabel('invoiceNameMatch')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>开票品名与出库单品名是否一致</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.outboundProcessStandard === true || form.outboundProcessStandard === false ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('outboundProcessStandard')" :rightText="displayLabel('outboundProcessStandard')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>出库流程是否规范</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="运输方式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.transportMode" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>其他</span>
+				</view>
+
+				<uni-list-item title="资信调查人">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.investigatorName" disabled placeholder="" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.purchaseDepartment ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('purchaseDepartment')" :rightText="displayLabel('purchaseDepartmentName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>采购处</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.region ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('region')" :rightText="displayLabel('region')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>区域</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="评审有效期">
+					<template v-slot:footer>
+						<uni-datetime-picker type="date" v-model="form.reviewValidUntil" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="附件">
+					<template v-slot:footer>
+						<view class="attach-box">
+							<view v-for="(f, idx) in attachmentFiles" :key="idx" class="attach-row">
+								<FileUpload :value="f" @input="onAttachmentInput(idx, $event)" />
+								<text class="attach-del" @click.stop="removeAttachment(idx)">删除</text>
+							</view>
+							<view class="attach-row">
+								<FileUpload :value="newAttachment" @input="onAddAttachment" />
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</scroll-view>
+
+		<view class="footer">
+			<button class="btn submit" type="primary" :disabled="submitting" @click="onSubmit">{{ submitting ? '保存中...' : '保存' }}</button>
+		</view>
+
+		<SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value"
+			@confirm="onSheetConfirm" />
+		<MultiSelectSheet :visible.sync="multiSheet.visible" :title="multiSheet.title" :options="multiSheet.options"
+			v-model="multiSheet.value" @confirm="onMultiSheetConfirm" />
+	</view>
+</template>
+
+<script>
+import FileUpload from '@/components/file-upload/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import MultiSelectSheet from '@/components/multi-select/index.vue'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { domesticCustomerCreditGetApi, domesticCustomerCreditSaveApi, getPurchaseDeptApi, getAllRegionApi, getRegionApi } from '@/api/procure-manage/domesticCustomerCredit.js'
+
+export default {
+	name: 'DomesticTradeModify',
+	components: { FileUpload, SingleSelectSheet, MultiSelectSheet },
+	data() {
+		return {
+			id: '',
+			submitting: false,
+			loading: false,
+			newAttachment: { id: '', name: '' },
+			attachmentFiles: [],
+			sheet: { visible: false, title: '', options: [], field: '', value: '' },
+			multiSheet: { visible: false, title: '', options: [], field: '', value: '' },
+			dicOptions: {
+				COMPANY_NATURE: [],
+				DEVELOP_NEW: [],
+				OPERATION_METHOD: [],
+				PURCHASE_SOURCE: []
+			},
+			yesNoOptions: [
+				{ label: '是', value: true },
+				{ label: '否', value: false }
+			],
+			companyNatureOptions: [],
+			operationMethodOptions: [],
+			developNewOptions: [],
+			purchaseSourceOptions: [],
+			regionOptions: [],
+			purchaseDeptOptions: [],
+			form: {
+				id: '',
+				unitName: '',
+				customerShortName: '',
+				companyNature: '',
+				companyNatureName: '',
+				companyNatureOther: '',
+				bankName: '',
+				bankAccount: '',
+				registeredCapital: '',
+				legalRepresentative: '',
+				companyEstablishedTime: '',
+				address: '',
+				businessPrincipal: '',
+				businessPrincipalPosition: '',
+				businessPrincipalPhone: '',
+				legalBusinessRelation: '',
+				factoryOfficeProperty: '',
+				factoryOfficeArea: '',
+				warehouseYardProperty: '',
+				warehouseYardArea: '',
+				mainEquipment: '',
+				normalInventory: '',
+				mainVarieties: '',
+				monthlyPurchaseVolume: '',
+				purchaseSource: '',
+				stockInProductName: '',
+				productName: '',
+				capacity: '',
+				salesChannel: '',
+				hasPreferentialPolicy: null,
+				investInFutures: null,
+				hasPenaltyRecord: null,
+				businessScopeMatch: null,
+				commonMaterialIssue: '',
+				otherIssue: '',
+				firstCooperationYear: '',
+				isNewDevelopment: '',
+				operationMode: '',
+				hasFailedPlanRecord: null,
+				hasPlanPerformanceIssue: null,
+				accountingProcess: '',
+				invoiceNameMatch: null,
+				outboundProcessStandard: null,
+				transportMode: '',
+				attachmentFileIds: '',
+				attachmentFileNames: '',
+				investigatorId: '',
+				investigatorName: '',
+				purchaseDepartment: '',
+				purchaseDepartmentName: '',
+				region: '',
+				regionName: '',
+				reviewValidUntil: ''
+			}
+		}
+	},
+	computed: {
+		showCompanyNatureOther() {
+			const v = String(this.form.companyNature || '')
+			return v.split(',').includes('OTHER')
+		}
+	},
+	async onLoad(query) {
+		const id = (query && (query.id || query.code)) ? String(query.id || query.code) : ''
+		this.id = id
+		await this.loadDicData()
+		await this.loadPurchaseDeptList()
+		await this.loadRegionOptions()
+		await this.loadDetail()
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['COMPANY_NATURE', 'DEVELOP_NEW', 'OPERATION_METHOD', 'PURCHASE_SOURCE'])
+				const next = {
+					COMPANY_NATURE: (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || [],
+					DEVELOP_NEW: (results.DEVELOP_NEW && results.DEVELOP_NEW.data) || [],
+					OPERATION_METHOD: (results.OPERATION_METHOD && results.OPERATION_METHOD.data) || [],
+					PURCHASE_SOURCE: (results.PURCHASE_SOURCE && results.PURCHASE_SOURCE.data) || []
+				}
+				this.dicOptions = next
+				this.companyNatureOptions = this.dicToSheetOptions(next.COMPANY_NATURE)
+				this.developNewOptions = this.dicToSheetOptions(next.DEVELOP_NEW)
+				this.operationMethodOptions = this.dicToSheetOptions(next.OPERATION_METHOD)
+				this.purchaseSourceOptions = this.dicToSheetOptions(next.PURCHASE_SOURCE)
+			} catch (e) {
+				this.dicOptions = { COMPANY_NATURE: [], DEVELOP_NEW: [], OPERATION_METHOD: [], PURCHASE_SOURCE: [] }
+				this.companyNatureOptions = []
+				this.developNewOptions = []
+				this.operationMethodOptions = []
+				this.purchaseSourceOptions = []
+				uni.showToast({ title: '字典加载失败', icon: 'none' })
+			}
+		},
+		dicToSheetOptions(items) {
+			const list = Array.isArray(items) ? items : []
+			return list.map(it => ({ label: it && it.name != null ? String(it.name) : '', value: it && it.code != null ? String(it.code) : '' })).filter(it => it.value)
+		},
+		async loadPurchaseDeptList() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const raw = res && res.data != null ? res.data : []
+				this.purchaseDeptOptions = this.normalizeRegionOptions(raw)
+			} catch (e) {
+				this.purchaseDeptOptions = []
+			}
+		},
+		normalizeRegionOptions(raw) {
+			const list = Array.isArray(raw)
+				? raw
+				: (Array.isArray(raw && raw.data) ? raw.data : (Array.isArray(raw && raw.rows) ? raw.rows : []))
+			return list.map(it => {
+				const id = it && (it.id != null ? it.id : (it.value != null ? it.value : (it.regionId != null ? it.regionId : '')))
+				const name = it && (it.name != null ? it.name : (it.label != null ? it.label : (it.regionName != null ? it.regionName : '')))
+				return { label: name != null ? String(name) : '', value: id != null ? String(id) : '' }
+			}).filter(it => it.value)
+		},
+		getOptionLabel(options, value) {
+			const v = value != null ? String(value) : ''
+			if (!v) return ''
+			const match = (options || []).find(o => String(o.value) === v)
+			return match ? String(match.label || '') : ''
+		},
+		syncRegionWithOptions() {
+			const label = this.getOptionLabel(this.regionOptions, this.form.region)
+			if (!label) {
+				this.form.region = ''
+				this.form.regionName = ''
+				return
+			}
+			this.form.regionName = label
+		},
+		async loadRegionOptions() {
+			let defaultRegionId = ''
+			let defaultRegionName = ''
+			try {
+				const regionRes = await getRegionApi()
+				const regionData = (regionRes && regionRes.data != null) ? regionRes.data : null
+				const parsed = regionData ? this.parseRegionIdAndName(regionData) : { id: '', name: '' }
+				if (parsed.id) {
+					defaultRegionId = parsed.id
+					defaultRegionName = parsed.name
+				}
+			} catch (e) {
+				// fall through to getAllRegionApi
+			}
+			const purchaseDepartment = this.form.purchaseDepartment ? String(this.form.purchaseDepartment) : ''
+			if (!purchaseDepartment) {
+				if (defaultRegionId) {
+					this.regionOptions = [{ label: defaultRegionName || String(defaultRegionId), value: defaultRegionId }]
+					if (!this.form.region) {
+						this.form.region = defaultRegionId
+						this.form.regionName = defaultRegionName || String(defaultRegionId)
+					}
+				} else {
+					this.regionOptions = []
+					this.form.region = ''
+					this.form.regionName = ''
+				}
+				return
+			}
+			try {
+				const res = await getAllRegionApi(purchaseDepartment)
+				const raw = res && res.data != null ? res.data : []
+				this.regionOptions = this.normalizeRegionOptions(raw)
+				if (defaultRegionId) {
+					const label = this.getOptionLabel(this.regionOptions, defaultRegionId)
+					if (label) {
+						if (!this.form.region) {
+							this.form.region = defaultRegionId
+							this.form.regionName = label
+						}
+					} else {
+						// 默认区域不在完整列表中，仍保留为选中项
+						this.regionOptions.push({ label: defaultRegionName || String(defaultRegionId), value: defaultRegionId })
+						if (!this.form.region) {
+							this.form.region = defaultRegionId
+							this.form.regionName = defaultRegionName || String(defaultRegionId)
+						}
+					}
+				} else {
+					this.syncRegionWithOptions()
+				}
+			} catch (e) {
+				this.regionOptions = []
+				this.form.region = ''
+				this.form.regionName = ''
+			}
+		},
+		parseRegionIdAndName(raw) {
+			if (!raw) return { id: '', name: '' }
+			if (Array.isArray(raw)) return this.parseRegionIdAndName(raw[0])
+			if (typeof raw === 'string' || typeof raw === 'number') return { id: String(raw), name: '' }
+			const id = raw.id != null ? raw.id : (raw.value != null ? raw.value : (raw.regionId != null ? raw.regionId : ''))
+			const name = raw.name != null ? raw.name : (raw.label != null ? raw.label : (raw.regionName != null ? raw.regionName : ''))
+			return { id: id != null ? String(id) : '', name: name != null ? String(name) : '' }
+		},
+		displayLabel(field) {
+			const m = this.form
+			const map = {
+				purchaseDepartmentName: '请选择采购处',
+				companyNatureName: '请选择公司性质',
+				region: '请选择区域',
+				purchaseSource: '请选择',
+				operationMode: '请选择',
+				isNewDevelopment: '请选择',
+				hasPreferentialPolicy: '请选择',
+				investInFutures: '请选择',
+				hasPenaltyRecord: '请选择',
+				businessScopeMatch: '请选择',
+				hasFailedPlanRecord: '请选择',
+				hasPlanPerformanceIssue: '请选择',
+				invoiceNameMatch: '请选择',
+				outboundProcessStandard: '请选择'
+			}
+			if (field === 'companyNatureName') {
+				const val = m[field]
+				return val ? String(val) : map[field]
+			}
+			if (field === 'purchaseSource') {
+				const v = m.purchaseSource
+				return v ? getDicName('PURCHASE_SOURCE', String(v), this.dicOptions.PURCHASE_SOURCE) : map[field]
+			}
+			if (field === 'operationMode') {
+				const v = m.operationMode
+				return v ? getDicName('OPERATION_METHOD', String(v), this.dicOptions.OPERATION_METHOD) : map[field]
+			}
+			if (field === 'isNewDevelopment') {
+				const v = m.isNewDevelopment
+				return v ? getDicName('DEVELOP_NEW', String(v), this.dicOptions.DEVELOP_NEW) : map[field]
+			}
+			if (field === 'region') {
+				const v = m.region
+				if (!v) return map[field]
+				return this.getOptionLabel(this.regionOptions, v) || map[field]
+			}
+			if (field === 'purchaseDepartmentName') {
+				return this.getOptionLabel(this.purchaseDeptOptions, m.purchaseDepartment) || map[field]
+			}
+			const v = m[field]
+			if (v === true) return '是'
+			if (v === false) return '否'
+			return map[field] || '请选择'
+		},
+		openSheet(field) {
+			const map = {
+				region: { title: '区域', options: this.regionOptions },
+				purchaseDepartment: { title: '采购处', options: this.purchaseDeptOptions },
+				purchaseSource: { title: '收购来源', options: this.purchaseSourceOptions },
+				operationMode: { title: '操作方式', options: this.operationMethodOptions },
+				isNewDevelopment: { title: '是否新开发', options: this.developNewOptions },
+				hasPreferentialPolicy: { title: '是否享有优惠政策', options: this.yesNoOptions },
+				investInFutures: { title: '是否投资期货', options: this.yesNoOptions },
+				hasPenaltyRecord: { title: '是否有被处罚记录', options: this.yesNoOptions },
+				businessScopeMatch: { title: '实际经营范围与法定经营范围是否相符', options: this.yesNoOptions },
+				hasFailedPlanRecord: { title: '是否有计划落空的不良记录', options: this.yesNoOptions },
+				hasPlanPerformanceIssue: { title: '是否有计划履行不到位现象', options: this.yesNoOptions },
+				invoiceNameMatch: { title: '开票品名与出库单品名是否一致', options: this.yesNoOptions },
+				outboundProcessStandard: { title: '出库流程是否规范', options: this.yesNoOptions }
+			}
+			const cfg = map[field]
+			if (!cfg) return
+			const current = this.form[field]
+			const match = (cfg.options || []).find(o => String(o.value) === String(current))
+			this.sheet = {
+				...this.sheet,
+				visible: true,
+				title: cfg.title,
+				options: cfg.options || [],
+				field,
+				value: match ? match.value : current
+			}
+		},
+		openMultiSheet(field) {
+			if (field !== 'companyNature') return
+			this.multiSheet = {
+				...this.multiSheet,
+				visible: true,
+				title: '公司性质',
+				options: this.companyNatureOptions || [],
+				field,
+				value: this.form.companyNature || ''
+			}
+		},
+		onSheetConfirm({ value, label }) {
+			const field = this.sheet.field
+			if (!field) return
+			this.form[field] = value
+			if (field === 'region') this.form.regionName = label != null ? String(label) : this.getOptionLabel(this.regionOptions, value)
+			if (field === 'purchaseDepartment') {
+				this.form.purchaseDepartmentName = label != null ? String(label) : this.getOptionLabel(this.purchaseDeptOptions, value)
+				this.loadRegionOptions()
+			}
+			this.sheet.visible = false
+		},
+		onMultiSheetConfirm({ value }) {
+			const field = this.multiSheet.field
+			if (field === 'companyNature') {
+				const normalized = this.normalizeCompanyNature(value)
+				this.form.companyNature = normalized.value
+				this.form.companyNatureName = normalized.label
+				if (!this.showCompanyNatureOther) this.form.companyNatureOther = ''
+			}
+			this.multiSheet.visible = false
+		},
+		normalizeCompanyNature(valueStr) {
+			const selected = (valueStr ? String(valueStr).split(',').filter(Boolean) : [])
+			const finalSelected = selected.slice(0)
+			const orderedValues = []
+			const orderedLabels = []
+			;(this.companyNatureOptions || []).forEach(opt => {
+				const v = opt && opt.value != null ? String(opt.value) : ''
+				if (v && finalSelected.includes(v)) {
+					orderedValues.push(v)
+					orderedLabels.push(opt.label != null ? String(opt.label) : '')
+				}
+			})
+			return { value: orderedValues.join(','), label: orderedLabels.join(',') }
+		},
+		removeAttachment(idx) {
+			const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.slice(0) : []
+			list.splice(idx, 1)
+			this.attachmentFiles = list
+		},
+		onAddAttachment(val) {
+			const payload = val || { id: '', name: '' }
+			if (!payload.id) return
+			const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.slice(0) : []
+			list.push(payload)
+			this.attachmentFiles = list
+			this.newAttachment = { id: '', name: '' }
+		},
+		onAttachmentInput(idx, val) {
+			const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.slice(0) : []
+			list[idx] = val || { id: '', name: '' }
+			this.attachmentFiles = list
+		},
+		validate() {
+			const requiredTextFields = [
+				{ key: 'unitName', label: '单位名称' },
+				{ key: 'customerShortName', label: '客户简称' },
+				{ key: 'companyNature', label: '公司性质' },
+				{ key: 'bankName', label: '开户行' },
+				{ key: 'bankAccount', label: '账号' },
+				{ key: 'legalRepresentative', label: '法人代表' },
+				{ key: 'companyEstablishedTime', label: '公司成立时间' },
+				{ key: 'address', label: '地址' },
+				{ key: 'businessPrincipal', label: '业务负责人' },
+				{ key: 'businessPrincipalPosition', label: '职务' },
+				{ key: 'businessPrincipalPhone', label: '电话' },
+				{ key: 'legalBusinessRelation', label: '法人与业务负责人关系' },
+				{ key: 'factoryOfficeProperty', label: '生产厂房及办公楼产权' },
+				{ key: 'factoryOfficeArea', label: '生产厂房及办公楼面积' },
+				{ key: 'warehouseYardProperty', label: '仓库或货场产权' },
+				{ key: 'warehouseYardArea', label: '仓库或货场产权面积' },
+				{ key: 'mainEquipment', label: '主要生产设备' },
+				{ key: 'normalInventory', label: '正常库存量' },
+				{ key: 'mainVarieties', label: '主要品种' },
+				{ key: 'monthlyPurchaseVolume', label: '月度收购量' },
+				{ key: 'purchaseSource', label: '收购来源' },
+				{ key: 'stockInProductName', label: '入库品名' },
+				{ key: 'productName', label: '产品名称' },
+				{ key: 'capacity', label: '产能' },
+				{ key: 'salesChannel', label: '销售渠道' },
+				{ key: 'firstCooperationYear', label: '首次合作年份' },
+				{ key: 'isNewDevelopment', label: '是否新开发' },
+				{ key: 'operationMode', label: '操作方式' },
+				{ key: 'accountingProcess', label: '进销账务如何处理' },
+				{ key: 'transportMode', label: '运输方式' },
+				{ key: 'commonMaterialIssue', label: '常见料质问题' },
+				{ key: 'otherIssue', label: '合作中的其它问题' },
+				{ key: 'purchaseDepartment', label: '采购处' },
+				{ key: 'reviewValidUntil', label: '评审有效期' },
+				{ key: 'investigatorId', label: '资信调查人ID' }
+			]
+			if (Array.isArray(this.regionOptions) && this.regionOptions.length) {
+				requiredTextFields.push({ key: 'region', label: '区域' })
+			}
+			for (let i = 0; i < requiredTextFields.length; i++) {
+				const f = requiredTextFields[i]
+				const v = this.form && this.form[f.key]
+				if (v == null || String(v).trim() === '') {
+					uni.showToast({ title: `${f.label}必填`, icon: 'none' })
+					return false
+				}
+			}
+
+			const registeredCapital = Number(this.form.registeredCapital)
+			if (!Number.isFinite(registeredCapital) || registeredCapital < 0) {
+				uni.showToast({ title: '注册资金请填写数字', icon: 'none' })
+				return false
+			}
+
+			const requiredBoolFields = [
+				{ key: 'hasPreferentialPolicy', label: '是否享有优惠政策' },
+				{ key: 'investInFutures', label: '是否投资期货' },
+				{ key: 'hasPenaltyRecord', label: '是否有被处罚记录' },
+				{ key: 'businessScopeMatch', label: '经营范围是否相符' },
+				{ key: 'hasFailedPlanRecord', label: '计划落空不良记录' },
+				{ key: 'hasPlanPerformanceIssue', label: '计划履行不到位现象' },
+				{ key: 'invoiceNameMatch', label: '开票品名是否一致' },
+				{ key: 'outboundProcessStandard', label: '出库流程是否规范' }
+			]
+			for (let i = 0; i < requiredBoolFields.length; i++) {
+				const f = requiredBoolFields[i]
+				const v = this.form && this.form[f.key]
+				if (!(v === true || v === false)) {
+					uni.showToast({ title: `请选择${f.label}`, icon: 'none' })
+					return false
+				}
+			}
+
+			const files = Array.isArray(this.attachmentFiles) ? this.attachmentFiles.filter(it => it && it.id) : []
+			if (!files.length) {
+				uni.showToast({ title: '请上传附件', icon: 'none' })
+				return false
+			}
+
+			const phone = String(this.form.businessPrincipalPhone || '').trim()
+			if (phone && !/^1\d{10}$/.test(phone)) {
+				uni.showToast({ title: '电话请输入11位手机号', icon: 'none' })
+				return false
+			}
+			const year = String(this.form.firstCooperationYear || '').trim()
+			if (year && !/^\d{4}$/.test(year)) {
+				uni.showToast({ title: '首次合作年份请填写4位年份', icon: 'none' })
+				return false
+			}
+			return true
+		},
+		buildPayload() {
+			const payload = { ...this.form }
+			if (!this.showCompanyNatureOther) payload.companyNatureOther = ''
+			delete payload.companyNatureName
+			delete payload.investigatorName
+			delete payload.purchaseDepartmentName
+			delete payload.regionName
+			payload.registeredCapital = Number(payload.registeredCapital)
+			const files = (Array.isArray(this.attachmentFiles) ? this.attachmentFiles : []).filter(it => it && it.id)
+			payload.attachmentFileIds = files.map(it => String(it.id || '')).filter(Boolean).join(',')
+			payload.attachmentFileNames = files.map(it => String(it.name || '')).filter(Boolean).join(',')
+			return payload
+		},
+		async onSubmit() {
+			if (this.submitting) return
+			if (!this.validate()) return
+			this.submitting = true
+			const payload = this.buildPayload()
+			try {
+				await domesticCustomerCreditSaveApi(payload)
+				uni.showToast({ title: '保存成功', icon: 'success' })
+				setTimeout(() => { uni.redirectTo({ url: '/pages/domestic_trade/index' }) }, 300)
+			} catch (e) {
+				uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+			} finally {
+				this.submitting = false
+			}
+		},
+		async loadDetail() {
+			this.loading = true
+			try {
+				const res = await domesticCustomerCreditGetApi(this.id)
+				const data = res && res.data ? res.data : {}
+				const next = { ...this.form, ...(data || {}) }
+				next.id = next.id || this.id || ''
+				const u = (this.$store && this.$store.state && this.$store.state.user) ? this.$store.state.user : {}
+				if (!next.investigatorId) next.investigatorId = u && u.id ? String(u.id) : ''
+				if (!next.investigatorName) next.investigatorName = u && u.name ? String(u.name) : ''
+				this.form = next
+				this.syncRegionWithOptions()
+				this.form.companyNatureName = this.labelsOf(this.companyNatureOptions, this.form.companyNature)
+				this.attachmentFiles = this.normalizeAttachmentFiles(data || next)
+			} catch (e) {
+				uni.showToast({ title: '加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+		normalizeAttachmentFiles(raw) {
+			if (!raw) return []
+			const ids = raw.attachmentFileIds != null ? String(raw.attachmentFileIds) : ''
+			const names = raw.attachmentFileNames != null ? String(raw.attachmentFileNames) : ''
+			const idArr = ids ? ids.split(',').map(s => s.trim()).filter(Boolean) : []
+			const nameArr = names ? names.split(',') : []
+			if (idArr.length) {
+				return idArr.map((id, i) => ({ id, name: (nameArr[i] != null ? String(nameArr[i]) : '') }))
+			}
+			const legacy = Array.isArray(raw.attachments) ? raw.attachments : []
+			return legacy.filter(it => it && (it.id || it.name)).map(it => ({ id: it.id || '', name: it.name || '' }))
+		},
+		labelsOf(options, csv) {
+			const v = csv == null ? '' : String(csv)
+			if (!v) return ''
+			const parts = v.split(',').filter(Boolean)
+			if (!parts.length) return ''
+			const labels = []
+			;(options || []).forEach(opt => {
+				const ov = opt && opt.value != null ? String(opt.value) : ''
+				if (ov && parts.includes(ov)) labels.push(opt.label != null ? String(opt.label) : '')
+			})
+			return labels.filter(Boolean).join(',') || ''
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 12rpx 0 160rpx;
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+	z-index: 10;
+
+	.btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+	}
+
+	.submit {
+		background: $theme-primary;
+		color: #fff;
+	}
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+    background-color: #ffffff;
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.mgb10 {
+	margin-bottom: 20rpx;
+}
+
+.amount-row {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+
+	.unit, .prefix, .suffix {
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+		white-space: nowrap;
+	}
+}
+
+.attach-box {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	gap: 16rpx;
+	width: 100%;
+}
+
+.attach-row {
+	width: 100%;
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	gap: 20rpx;
+}
+
+.attach-del {
+	font-size: 28rpx;
+	color: #D54941;
+}
+
+::v-deep .uni-list {
+    .uni-easyinput {
+        display: flex;
+
+        .uni-input-input {
+            color: rgba(0, 0, 0, 0.9);
+        }
+    }
+
+    .uni-input-placeholder {
+        z-index: 1;
+    }
+
+    .uni-input-input {
+        background-color: #ffffff;
+    }
+
+    background: transparent;
+
+    &-item {
+        &__extra-text {
+            font-size: 32rpx;
+        }
+
+        &__content-title {
+            font-size: 32rpx;
+            color: rgba(0, 0, 0, 0.9);
+        }
+
+        &__container {
+            padding: 32rpx;
+
+            .uni-easyinput {
+                &__placeholder-class {
+                    font-size: 32rpx;
+                    color: rgba(0, 0, 0, 0.4);
+                }
+
+                &__content {
+                    border: none;
+                    background-color: #ffffff !important;
+
+                    &-input {
+                        padding-left: 0 !important;
+                        height: 48rpx;
+                        line-height: 48rpx;
+                        font-size: 32rpx;
+                    }
+
+                    .content-clear-icon {
+                        font-size: 44rpx !important;
+                    }
+                }
+            }
+
+            .item-title,
+            .uni-list-item__content {
+                flex: none;
+                min-height: 48rpx;
+                line-height: 48rpx;
+                font-size: 32rpx;
+                position: relative;
+                width: 210rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+
+        &.mgb10 {
+            margin-bottom: 20rpx;
+        }
+    }
+}
+</style>

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<uni-list>
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>基本资料</span>
+				</view>
+
+				<uni-list-item title="单位名称">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.unitName" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="select-item" :class="form.companyNature ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('companyNature')" :rightText="displayLabel('companyNatureName')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>公司性质</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="法人代表">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.legalRepresentative" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="电话及传真">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.phoneAndFax" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="注册证书号">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.registrationCertificateNo" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="地址">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.address" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="国内业务负责人">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.domesticBusinessPrincipal" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="负责人身份证/护照号">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.principalCertificateNo" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="成立时间及货场规模">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.establishedTimeAndYardScale" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="经营品种、规模">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.overallBusinessVarietiesScale" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="出口到国内时间">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.exportToDomesticTime" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="出口规模、品种">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.exportToDomesticScaleVarieties" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="与国内合作企业">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.cooperatingDomesticCompanies" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="合作效果">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.cooperationEffect" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="供应商考察">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.supplierInspection" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="销售代表办公地考察">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.domesticSalesOfficeInspection" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="有无担保函">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.guaranteeLetter" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="合同纠纷">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.contractDispute" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="保险、运输方式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.insuranceTransportMode" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="滞箱滞报费用">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.detentionDemurrageFee" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="操作品种">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.operationVariety" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="操作规模">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.operationScale" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="定价模式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.pricingMode" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="结算方式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.settlementMethod" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="磅差约定">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.weightDifferenceAgreement" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="质量标准">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.qualityStandard" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>供应商分类</span>
+				</view>
+
+				<uni-list-item class="select-item" :class="form.supplierCategory ? 'is-filled' : 'is-empty'" clickable
+					@click="openSheet('supplierCategory')" :rightText="displayLabel('supplierCategory')" showArrow>
+					<template v-slot:body>
+						<view class="item-title"><text>供应商分类</text></view>
+					</template>
+				</uni-list-item>
+
+				<uni-list-item v-if="form.supplierCategory" class="mgb10" title="分类说明">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" :value="supplierCategoryDesc" :inputBorder="false" disabled placeholder="选择供应商分类后自动显示" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>操作方案</span>
+				</view>
+
+				<uni-list-item title="操作时间">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.schemeOperationTime" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="操作模式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.schemeOperationMode" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="操作品种">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.schemeOperationVariety" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="操作数量">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.schemeOperationQuantity" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="发货要求">
+					<template v-slot:footer>
+						<uni-easyinput type="textarea" v-model="form.shippingRequirement" placeholder="请输入" :inputBorder="false" maxlength="2000" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="付款方式">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.paymentMethod" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="下次评审时间">
+					<template v-slot:footer>
+						<uni-datetime-picker type="date" v-model="form.nextReviewTime" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="评审部门">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.reviewDepartment" placeholder="请输入" :inputBorder="false" />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item title="资信调查人">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.investigatorName" :inputBorder="false" disabled />
+					</template>
+				</uni-list-item>
+
+				<uni-list-item class="mgb10" title="采购处">
+					<template v-slot:footer>
+						<uni-easyinput v-model="form.purchaseDepartmentName" :inputBorder="false" disabled />
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</scroll-view>
+
+		<view class="footer">
+			<button class="btn submit" type="primary" :disabled="submitting" @click="onSubmit">{{ submitting ? '提交中...' : '提交' }}</button>
+		</view>
+
+		<SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options" v-model="sheet.value"
+			@confirm="onSheetConfirm" />
+	</view>
+</template>
+
+<script>
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import { getDicByCodes } from '@/utils/dic.js'
+import { foreignTradeCreditSaveApi, getPurchaseDeptApi } from '@/api/procure-manage/foreignTradeCredit.js'
+
+export default {
+	name: 'ForeignTradeAdd',
+	components: { SingleSelectSheet },
+	data() {
+		return {
+			submitting: false,
+			supplierCategoryOptions: [
+				{ label: 'A类供应商', value: 'A' },
+				{ label: 'B类供应商', value: 'B' },
+				{ label: 'C类供应商', value: 'C' },
+				{ label: 'D类供应商', value: 'D' }
+			],
+			companyNatureOptions: [],
+			sheet: { visible: false, title: '', options: [], field: '', value: '' },
+			form: {
+				id: '',
+				unitName: '',
+				companyNature: '',
+				companyNatureName: '',
+				legalRepresentative: '',
+				phoneAndFax: '',
+				registrationCertificateNo: '',
+				address: '',
+				domesticBusinessPrincipal: '',
+				principalCertificateNo: '',
+				establishedTimeAndYardScale: '',
+				overallBusinessVarietiesScale: '',
+				exportToDomesticTime: '',
+				exportToDomesticScaleVarieties: '',
+				cooperatingDomesticCompanies: '',
+				cooperationEffect: '',
+				supplierInspection: '',
+				domesticSalesOfficeInspection: '',
+				guaranteeLetter: '',
+				contractDispute: '',
+				insuranceTransportMode: '',
+				detentionDemurrageFee: '',
+				operationVariety: '',
+				operationScale: '',
+				pricingMode: '',
+				settlementMethod: '',
+				weightDifferenceAgreement: '',
+				qualityStandard: '',
+				supplierCategory: '',
+				schemeOperationTime: '',
+				schemeOperationMode: '',
+				schemeOperationVariety: '',
+				schemeOperationQuantity: '',
+				shippingRequirement: '',
+				paymentMethod: '',
+				nextReviewTime: '',
+				reviewDepartment: '',
+				investigatorId: '',
+				investigatorName: '',
+				purchaseDepartment: '',
+				purchaseDepartmentName: ''
+			}
+		}
+	},
+	created() {
+		this.loadDicData()
+		this.loadPurchaseDeptOptions()
+		const u = (this.$store && this.$store.state && this.$store.state.user) ? this.$store.state.user : {}
+		this.form.investigatorId = u && u.id ? String(u.id) : ''
+		this.form.investigatorName = u && u.name ? String(u.name) : ''
+	},
+	computed: {
+		supplierCategoryDesc() {
+			const v = this.form && this.form.supplierCategory != null ? String(this.form.supplierCategory) : ''
+			const map = {
+				A: '资信调查有担保函无资金风险、资料齐全，料质可控，价格较好，若出现质量、磅差问题可以索赔解决，进口倒挂时可协商延迟点价，可推迟发货，可试操作（前3个月每月操作量300-500吨）；第一次计划货到厂验收结束后进行评审，正常后可以增量操作，要求每年评审一次；',
+				B: '资信调查无担保函，国外企业属国内企业控股，无资金风险、资料齐全，价格较好，料质可控，若出现质量、磅差问题可以索赔解决（前3个月每月操作量200-400吨），第一次货到厂验收合格后可增量操作；操作正常每年评审一次；',
+				C: '资信调查无担保函，资料齐全，料质可控，价格一般，出现质量、磅差问题可以索赔解决，可试单限量操作（前3个月每月操作量100-200吨），第一次货到厂验收合格后可增量操作，新开发供应商首年操作按每半年评审一次，操作正常则次年调整为每年评审一次；若出现索赔问题不及时解决可中止后续开信用证和中止到港货物的DP/TT付款，且立即暂停业务操作。',
+				D: '资信调查无担保函，通过委托第三方机构调查无风险，虽然资料不齐全，但料质可控，价格略高，出现质量、磅差问题索赔解决有难度，一单一议，D类供应商第一次货到厂验收、付款、退款或者索赔正常后，可继续操作逐步增量（每月操作量100-200吨），每半年评审一次，操作正常到则次年调整为每年评审一次；若出现索赔问题不及时解决可终止后续到港货物的付款，且立即停止业务操作。'
+			}
+			return map[v] || ''
+		}
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['COMPANY_NATURE'])
+				const items = results && results.COMPANY_NATURE && results.COMPANY_NATURE.data ? results.COMPANY_NATURE.data : []
+				this.companyNatureOptions = (Array.isArray(items) ? items : []).map(it => ({
+					label: it && it.name != null ? String(it.name) : '',
+					value: it && it.code != null ? String(it.code) : ''
+				})).filter(it => it.value)
+			} catch (e) {
+				this.companyNatureOptions = []
+			}
+		},
+		async loadPurchaseDeptOptions() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const data = (res && res.data) ? res.data : {}
+				this.form.purchaseDepartment = data && data.id != null ? String(data.id) : ''
+				this.form.purchaseDepartmentName = data && data.name != null ? String(data.name) : ''
+			} catch (e) {
+				this.form.purchaseDepartment = ''
+				this.form.purchaseDepartmentName = ''
+			}
+		},
+		displayLabel(field) {
+			const m = this.form || {}
+			const map = {
+				companyNatureName: '请选择',
+				supplierCategory: '请选择'
+			}
+			if (field === 'supplierCategory') {
+				const code = m.supplierCategory
+				const found = (this.supplierCategoryOptions || []).find(o => String(o.value) === String(code))
+				return found ? String(found.label || '') : map[field]
+			}
+			const v = m[field]
+			if (v != null && String(v).trim()) return String(v)
+			return map[field] || '请选择'
+		},
+		openSheet(field) {
+			const map = {
+				companyNature: { title: '公司性质', options: this.companyNatureOptions, valueField: 'companyNature', labelField: 'companyNatureName' },
+				supplierCategory: { title: '供应商分类', options: this.supplierCategoryOptions, valueField: 'supplierCategory', labelField: '' }
+			}
+			const cfg = map[field]
+			if (!cfg) return
+			const current = this.form[cfg.valueField]
+			const match = (cfg.options || []).find(o => String(o.value) === String(current))
+			this.sheet = {
+				...this.sheet,
+				visible: true,
+				title: cfg.title,
+				options: cfg.options || [],
+				field,
+				value: match ? match.value : current
+			}
+		},
+		onSheetConfirm({ value, label }) {
+			const field = this.sheet.field
+			if (field === 'companyNature') this.form.companyNatureName = label
+			if (field === 'supplierCategory') {
+				this.form.supplierCategory = value
+			}
+			if (field === 'companyNature') this.form.companyNature = value
+			this.sheet.visible = false
+		},
+		validate() {
+			const requiredFields = [
+				{ key: 'unitName', label: '单位名称' },
+				{ key: 'companyNature', label: '公司性质' },
+				{ key: 'legalRepresentative', label: '法人代表' },
+				{ key: 'phoneAndFax', label: '电话及传真' },
+				{ key: 'registrationCertificateNo', label: '注册证书号' },
+				{ key: 'address', label: '地址' },
+				{ key: 'domesticBusinessPrincipal', label: '国内业务负责人' },
+				{ key: 'principalCertificateNo', label: '负责人身份证/护照号' },
+				{ key: 'establishedTimeAndYardScale', label: '成立时间及货场规模' },
+				{ key: 'overallBusinessVarietiesScale', label: '经营品种、规模' },
+				{ key: 'exportToDomesticTime', label: '出口到国内时间' },
+				{ key: 'exportToDomesticScaleVarieties', label: '出口规模、品种' },
+				{ key: 'cooperatingDomesticCompanies', label: '与国内合作企业' },
+				{ key: 'cooperationEffect', label: '合作效果' },
+				{ key: 'supplierInspection', label: '供应商考察' },
+				{ key: 'domesticSalesOfficeInspection', label: '销售代表办公地考察' },
+				{ key: 'guaranteeLetter', label: '有无担保函' },
+				{ key: 'contractDispute', label: '合同纠纷' },
+				{ key: 'insuranceTransportMode', label: '保险、运输方式' },
+				{ key: 'detentionDemurrageFee', label: '滞箱滞报费用' },
+				{ key: 'operationVariety', label: '操作品种' },
+				{ key: 'operationScale', label: '操作规模' },
+				{ key: 'pricingMode', label: '定价模式' },
+				{ key: 'settlementMethod', label: '结算方式' },
+				{ key: 'weightDifferenceAgreement', label: '磅差约定' },
+				{ key: 'qualityStandard', label: '质量标准' },
+				{ key: 'supplierCategory', label: '供应商分类' },
+				{ key: 'schemeOperationTime', label: '操作时间' },
+				{ key: 'schemeOperationMode', label: '操作模式' },
+				{ key: 'schemeOperationVariety', label: '操作品种' },
+				{ key: 'schemeOperationQuantity', label: '操作数量' },
+				{ key: 'shippingRequirement', label: '发货要求' },
+				{ key: 'paymentMethod', label: '付款方式' },
+				{ key: 'nextReviewTime', label: '下次评审时间' },
+				{ key: 'reviewDepartment', label: '评审部门' },
+				{ key: 'investigatorId', label: '资信调查人ID' },
+				{ key: 'purchaseDepartment', label: '采购处' }
+			]
+			for (let i = 0; i < requiredFields.length; i++) {
+				const f = requiredFields[i]
+				const v = this.form && this.form[f.key]
+				if (v == null || String(v).trim() === '') {
+					uni.showToast({ title: `${f.label}必填`, icon: 'none' })
+					return false
+				}
+			}
+			return true
+		},
+		buildPayload() {
+			return { ...this.form }
+		},
+		async onSubmit() {
+			if (this.submitting) return
+			if (!this.validate()) return
+			this.submitting = true
+			const payload = this.buildPayload()
+			try {
+				await foreignTradeCreditSaveApi(payload)
+				uni.showToast({ title: '提交成功', icon: 'success' })
+				try { uni.setStorageSync('FOREIGN_TRADE_LIST_NEED_REFRESH', '1') } catch (e) {}
+				setTimeout(() => { uni.redirectTo({ url: '/pages/foreign_trade/index' }) }, 300)
+			} catch (e) {
+				uni.showToast({ title: (e && e.msg) || '提交失败', icon: 'none' })
+			} finally {
+				this.submitting = false
+			}
+		},
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 12rpx 0 160rpx;
+}
+
+.footer {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	padding: 32rpx;
+	padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
+	z-index: 10;
+
+	.btn {
+		height: 80rpx;
+		line-height: 80rpx;
+		border-radius: 12rpx;
+		font-size: 32rpx;
+	}
+
+	.submit {
+		background: $theme-primary;
+		color: #fff;
+	}
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+	background-color: #ffffff;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.mgb10 {
+	margin-bottom: 20rpx;
+}
+
+::v-deep .uni-list {
+	.uni-easyinput {
+		display: flex;
+
+		.uni-input-input {
+			color: rgba(0, 0, 0, 0.9);
+		}
+	}
+
+	.uni-input-placeholder {
+		z-index: 1;
+	}
+
+	.uni-input-input {
+		background-color: #ffffff;
+	}
+
+	background: transparent;
+
+	&-item {
+		&__extra-text {
+			font-size: 32rpx;
+		}
+
+		&__content-title {
+			font-size: 32rpx;
+			color: rgba(0, 0, 0, 0.9);
+		}
+
+		&__container {
+			padding: 32rpx;
+
+			.uni-easyinput {
+				&__placeholder-class {
+					font-size: 32rpx;
+					color: rgba(0, 0, 0, 0.4);
+				}
+
+				&__content {
+					border: none;
+					background-color: #ffffff !important;
+
+					&-input {
+						padding-left: 0 !important;
+						height: 48rpx;
+						line-height: 48rpx;
+						font-size: 32rpx;
+					}
+
+					.content-clear-icon {
+						font-size: 44rpx !important;
+					}
+				}
+			}
+
+			.item-title,
+			.uni-list-item__content {
+				flex: none;
+				min-height: 48rpx;
+				line-height: 48rpx;
+				font-size: 32rpx;
+				position: relative;
+				width: 260rpx;
+				margin-right: 32rpx;
+				color: rgba(0, 0, 0, 0.9);
+			}
+		}
+
+		&.select-item {
+			&.is-empty {
+				.uni-list-item__extra-text {
+					color: rgba(0, 0, 0, 0.4) !important;
+				}
+			}
+
+			&.is-filled {
+				.uni-list-item__extra-text {
+					color: rgba(0, 0, 0, 0.9) !important;
+				}
+			}
+		}
+
+		&.mgb10 {
+			margin-bottom: 20rpx;
+		}
+	}
+}
+</style>
+

+<template>
+	<view class="page">
+		<scroll-view class="scroll" scroll-y>
+			<view class="detail-page">
+				<view class="section">
+					<text class="row company">{{ safeText(form.unitName) }}</text>
+					<view class="row"><text class="label">公司性质</text><text class="value">{{ safeText(companyNatureText) }}</text></view>
+					<view class="row"><text class="label">法人代表</text><text class="value">{{ safeText(form.legalRepresentative) }}</text></view>
+					<view class="row"><text class="label">电话及传真</text><text class="value">{{ safeText(form.phoneAndFax) }}</text></view>
+					<view class="row"><text class="label">注册证书号</text><text class="value">{{ safeText(form.registrationCertificateNo) }}</text></view>
+					<view class="row"><text class="label">地址</text><text class="value">{{ safeText(form.address) }}</text></view>
+					<view class="row"><text class="label">国内业务负责人</text><text class="value">{{ safeText(form.domesticBusinessPrincipal) }}</text></view>
+					<view class="row"><text class="label">负责人身份证/护照号</text><text class="value">{{ safeText(form.principalCertificateNo) }}</text></view>
+					<view class="row"><text class="label">成立时间及货场规模</text><text class="value pre">{{ safeText(form.establishedTimeAndYardScale) }}</text></view>
+					<view class="row"><text class="label">经营品种、规模</text><text class="value pre">{{ safeText(form.overallBusinessVarietiesScale) }}</text></view>
+					<view class="row"><text class="label">出口到国内时间</text><text class="value">{{ safeText(form.exportToDomesticTime) }}</text></view>
+					<view class="row"><text class="label">出口规模、品种</text><text class="value pre">{{ safeText(form.exportToDomesticScaleVarieties) }}</text></view>
+					<view class="row"><text class="label">与国内合作企业</text><text class="value pre">{{ safeText(form.cooperatingDomesticCompanies) }}</text></view>
+					<view class="row"><text class="label">合作效果</text><text class="value pre">{{ safeText(form.cooperationEffect) }}</text></view>
+					<view class="row"><text class="label">供应商考察</text><text class="value pre">{{ safeText(form.supplierInspection) }}</text></view>
+					<view class="row"><text class="label">销售代表办公地考察</text><text class="value pre">{{ safeText(form.domesticSalesOfficeInspection) }}</text></view>
+					<view class="row"><text class="label">有无担保函</text><text class="value">{{ safeText(form.guaranteeLetter) }}</text></view>
+					<view class="row"><text class="label">合同纠纷</text><text class="value pre">{{ safeText(form.contractDispute) }}</text></view>
+					<view class="row"><text class="label">保险、运输方式</text><text class="value">{{ safeText(form.insuranceTransportMode) }}</text></view>
+					<view class="row"><text class="label">滞箱滞报费用</text><text class="value">{{ safeText(form.detentionDemurrageFee) }}</text></view>
+					<view class="row"><text class="label">操作品种</text><text class="value">{{ safeText(form.operationVariety) }}</text></view>
+					<view class="row"><text class="label">操作规模</text><text class="value">{{ safeText(form.operationScale) }}</text></view>
+					<view class="row"><text class="label">定价模式</text><text class="value">{{ safeText(form.pricingMode) }}</text></view>
+					<view class="row"><text class="label">结算方式</text><text class="value">{{ safeText(form.settlementMethod) }}</text></view>
+					<view class="row"><text class="label">磅差约定</text><text class="value">{{ safeText(form.weightDifferenceAgreement) }}</text></view>
+					<view class="row"><text class="label">质量标准</text><text class="value">{{ safeText(form.qualityStandard) }}</text></view>
+				</view>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>供应商分类</span>
+				</view>
+				<view class="section">
+					<view class="row"><text class="label">供应商分类</text><text class="value">{{ safeText(supplierCategoryName) }}</text></view>
+					<view class="row"><text class="label">分类说明</text><text class="value pre">{{ safeText(supplierCategoryDesc) }}</text></view>
+				</view>
+
+				<view class="title-header">
+					<image class="title-header_icon" src="/static/images/title.png" />
+					<span>操作方案</span>
+				</view>
+				<view class="section">
+					<view class="row"><text class="label">操作时间</text><text class="value">{{ safeText(form.schemeOperationTime) }}</text></view>
+					<view class="row"><text class="label">操作模式</text><text class="value">{{ safeText(form.schemeOperationMode) }}</text></view>
+					<view class="row"><text class="label">操作品种</text><text class="value">{{ safeText(form.schemeOperationVariety) }}</text></view>
+					<view class="row"><text class="label">操作数量</text><text class="value">{{ safeText(form.schemeOperationQuantity) }}</text></view>
+					<view class="row"><text class="label">发货要求</text><text class="value pre">{{ safeText(form.shippingRequirement) }}</text></view>
+					<view class="row"><text class="label">付款方式</text><text class="value">{{ safeText(form.paymentMethod) }}</text></view>
+					<view class="row"><text class="label">下次评审时间</text><text class="value">{{ safeText(form.nextReviewTime) }}</text></view>
+					<view class="row"><text class="label">评审部门</text><text class="value">{{ safeText(form.reviewDepartment) }}</text></view>
+					<view class="row"><text class="label">资信调查人</text><text class="value">{{ safeText(form.investigatorName) }}</text></view>
+					<view class="row"><text class="label">采购处</text><text class="value">{{ safeText(purchaseDeptName) }}</text></view>
+					<view v-if="reviewHint" class="hint">{{ reviewHint }}</view>
+				</view>
+
+				<view v-if="auditStatusText !== '-'" class="section">
+					<view class="row"><text class="label">审核状态</text><text class="value">{{ auditStatusText }}</text></view>
+				</view>
+			</view>
+		</scroll-view>
+
+		<detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+	</view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { foreignTradeCreditCancelApi, foreignTradeCreditGetApi, getPurchaseDeptApi } from '@/api/procure-manage/foreignTradeCredit.js'
+
+export default {
+	name: 'ForeignTradeDetail',
+	components: { DetailButtons },
+	data() {
+		return {
+			id: '',
+			loading: false,
+			form: {},
+			dicOptions: {
+				AUDIT_STATUS: [],
+				COMPANY_NATURE: []
+			},
+			purchaseDept: null,
+			buttons: [{
+				text: '审核详情',
+				visible: true,
+				variant: 'outline',
+				event: 'auditDetail',
+			},{
+				text: '审核',
+				visible: true,
+				variant: 'primary',
+				event: 'audit',
+			},{
+				text: '编辑',
+				visible: true,
+				variant: 'outline',
+				event: 'edit',
+			},{
+				text: '取消',
+				visible: true,
+				variant: 'outline',
+				event: 'cancel',
+			}]
+		}
+	},
+	computed: {
+		displayButtons() {
+			const s = this.form && this.form.status || false
+            return [
+                { ...this.buttons[0], visible: s  && this.$auth.hasPermi('procure-manage:foreign-trade:review') },
+                { ...this.buttons[1], visible: s === 'AUDIT' && this.$auth.hasPermi('procure-manage:foreign-trade:approve') },
+                { ...this.buttons[2], visible: this.$auth.hasPermi('procure-manage:foreign-trade:modify') },
+                { ...this.buttons[3], visible: this.$auth.hasPermi('procure-manage:foreign-trade:cancel') },
+            ]
+		},
+		companyNatureText() {
+			const v = this.form && this.form.companyNature != null ? String(this.form.companyNature) : ''
+			if (!v) return '-'
+			return getDicName('COMPANY_NATURE', v, this.dicOptions.COMPANY_NATURE) || v
+		},
+		auditStatusText() {
+			const v = this.form && this.form.status != null ? String(this.form.status) : ''
+			if (!v) return '-'
+			return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+		},
+		purchaseDeptName() {
+			if (this.purchaseDept && this.purchaseDept.name != null) return String(this.purchaseDept.name)
+			const v = this.form && this.form.purchaseDepartmentName != null ? String(this.form.purchaseDepartmentName) : ''
+			return v || '-'
+		},
+		supplierCategoryName() {
+			const v = this.form && this.form.supplierCategory != null ? String(this.form.supplierCategory) : ''
+			const map = { A: 'A类供应商', B: 'B类供应商', C: 'C类供应商', D: 'D类供应商' }
+			return map[v] || (v ? v : '-')
+		},
+		supplierCategoryDesc() {
+			const v = this.form && this.form.supplierCategory != null ? String(this.form.supplierCategory) : ''
+			const map = {
+				A: '资信调查有担保函无资金风险、资料齐全，料质可控，价格较好，若出现质量、磅差问题可以索赔解决，进口倒挂时可协商延迟点价，可推迟发货，可试操作（前3个月每月操作量300-500吨）；第一次计划货到厂验收结束后进行评审，正常后可以增量操作，要求每年评审一次；',
+				B: '资信调查无担保函，国外企业属国内企业控股，无资金风险、资料齐全，价格较好，料质可控，若出现质量、磅差问题可以索赔解决（前3个月每月操作量200-400吨），第一次货到厂验收合格后可增量操作；操作正常每年评审一次；',
+				C: '资信调查无担保函，资料齐全，料质可控，价格一般，出现质量、磅差问题可以索赔解决，可试单限量操作（前3个月每月操作量100-200吨），第一次货到厂验收合格后可增量操作，新开发供应商首年操作按每半年评审一次，操作正常则次年调整为每年评审一次；若出现索赔问题不及时解决可中止后续开信用证和中止到港货物的DP/TT付款，且立即暂停业务操作。',
+				D: '资信调查无担保函，通过委托第三方机构调查无风险，虽然资料不齐全，但料质可控，价格略高，出现质量、磅差问题索赔解决有难度，一单一议，D类供应商第一次货到厂验收、付款、退款或者索赔正常后，可继续操作逐步增量（每月操作量100-200吨），每半年评审一次，操作正常到则次年调整为每年评审一次；若出现索赔问题不及时解决可终止后续到港货物的付款，且立即停止业务操作。'
+			}
+			return map[v] || '-'
+		},
+		reviewHint() {
+			const d = this.parseDateOnly(this.form && this.form.nextReviewTime)
+			if (!d) return ''
+			const now = new Date()
+			const today = new Date(now.getFullYear(), now.getMonth(), now.getDate())
+			const diffDays = Math.floor((d.getTime() - today.getTime()) / (24 * 60 * 60 * 1000))
+			if (diffDays < 0) return '已到评审时间'
+			if (diffDays <= 15) return `距评审还有${diffDays}天`
+			return ''
+		}
+	},
+	created() {
+		this.loadDicData()
+		this.loadPurchaseDeptOptions()
+	},
+	onShow() {
+		const options = (this.$route && this.$route.query) ? this.$route.query : {}
+		const id = options && options.id ? String(options.id) : ''
+		this.id = id
+		this.loadDetail()
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['AUDIT_STATUS', 'COMPANY_NATURE'])
+				this.dicOptions.AUDIT_STATUS = (results.AUDIT_STATUS && results.AUDIT_STATUS.data) || []
+				this.dicOptions.COMPANY_NATURE = (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || []
+			} catch (e) {
+				this.dicOptions.AUDIT_STATUS = []
+				this.dicOptions.COMPANY_NATURE = []
+			}
+		},
+		async loadPurchaseDeptOptions() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const data = (res && res.data) ? res.data : {}
+				this.purchaseDept = data && typeof data === 'object' ? data : null
+			} catch (e) {
+				this.purchaseDept = null
+			}
+		},
+		handleButtonClick(btn) {
+			if (!btn || btn.disabled) return
+			if (typeof btn.onClick === 'function') return btn.onClick(this.form, btn.params)
+			const e = btn.event || ''
+			if (e === 'audit') return this.onAudit(btn && btn.params)
+			if (e === 'auditDetail') return this.onAuditDetail(btn && btn.params)
+			if (e === 'edit') return this.onEdit(btn && btn.params)
+			if (e === 'cancel') return this.onCancel(btn && btn.params)
+		},
+		onAudit() {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			const CACHE_KEY = 'sourceBusinessId'
+			const TYPE = 'contractType'
+			uni.setStorageSync(TYPE, 'CUSTOMER_CREDIT_OUT')
+			uni.setStorageSync(CACHE_KEY, id)
+			uni.navigateTo({ url: '/pages/flow/audit' })
+		},
+		onAuditDetail() {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			const CACHE_KEY = 'sourceBusinessId'
+			const TYPE = 'contractType'
+			uni.setStorageSync(TYPE, 'CUSTOMER_CREDIT_OUT')
+			uni.setStorageSync(CACHE_KEY, id)
+			uni.navigateTo({ url: '/pages/flow/audit_detail' })
+		},
+		onEdit() {
+			uni.navigateTo({ url: '/pages/foreign_trade/modify?id=' + this.id })
+		},
+		onCancel() {
+			const id = this.id || (this.form && this.form.id) || ''
+			if (!id) return
+			uni.showModal({
+				title: '系统提示',
+				content: '是否确定取消该流程？',
+				confirmText: '确定',
+				cancelText: '取消',
+				success: (res) => {
+					if (res && res.confirm) {
+						foreignTradeCreditCancelApi(id).then(() => {
+							uni.showToast({ title: '已取消', icon: 'none' })
+							try { uni.setStorageSync('FOREIGN_TRADE_LIST_NEED_REFRESH', '1') } catch (e) {}
+							setTimeout(() => { uni.redirectTo({ url: '/pages/foreign_trade/index' }) }, 300)
+						}).catch((e) => {
+							uni.showToast({ title: (e && e.msg) || '取消失败', icon: 'none' })
+						})
+					}
+				}
+			})
+		},
+		safeText(v) {
+			const s = v == null ? '' : String(v)
+			return s.trim() ? s : '-'
+		},
+		parseDateOnly(v) {
+			const s = v == null ? '' : String(v).trim()
+			if (!s) return null
+			const d = new Date(s.length >= 10 ? s.slice(0, 10) : s)
+			if (!Number.isFinite(d.getTime())) return null
+			return new Date(d.getFullYear(), d.getMonth(), d.getDate())
+		},
+		async loadDetail() {
+			if (!this.id) return
+			this.loading = true
+			try {
+				const res = await foreignTradeCreditGetApi(this.id)
+				const data = (res && res.data) ? res.data : {}
+				this.form = data
+			} catch (e) {
+				this.form = {}
+				uni.showToast({ title: '详情加载失败', icon: 'none' })
+			} finally {
+				this.loading = false
+			}
+		},
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+}
+
+.scroll {
+	flex: 1;
+	padding: 8rpx 0 144rpx;
+}
+
+.detail-page {
+	background: #f3f3f3;
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+	background-color: #ffffff;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.section {
+	padding: 32rpx;
+	background: #fff;
+	margin-bottom: 20rpx;
+}
+
+.row {
+	display: flex;
+	margin-bottom: 28rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.company {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+		padding-top: 8rpx;
+		line-height: 50rpx;
+	}
+
+	.label {
+		max-width: 420rpx;
+		margin-right: 20rpx;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+	}
+
+	.value {
+		flex: 1;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.9);
+		text-align: right;
+		word-break: break-all;
+
+		&.pre {
+			white-space: pre-wrap;
+		}
+	}
+}
+
+.hint {
+	margin-top: 12rpx;
+	font-size: 26rpx;
+	color: #D54941;
+	text-align: right;
+}
+</style>
+

+<template>
+	<view class="detail-page">
+		<scroll-view class="scroll" scroll-y>
+			<view class="section">
+				<text class="row company">{{ safeText(form.unitName) }}</text>
+				<view class="row"><text class="label">公司性质</text><text class="value">{{ safeText(companyNatureText) }}</text></view>
+				<view class="row"><text class="label">法人代表</text><text class="value">{{ safeText(form.legalRepresentative) }}</text></view>
+				<view class="row"><text class="label">电话及传真</text><text class="value">{{ safeText(form.phoneAndFax) }}</text></view>
+				<view class="row"><text class="label">注册证书号</text><text class="value">{{ safeText(form.registrationCertificateNo) }}</text></view>
+				<view class="row"><text class="label">地址</text><text class="value">{{ safeText(form.address) }}</text></view>
+				<view class="row"><text class="label">国内业务负责人</text><text class="value">{{ safeText(form.domesticBusinessPrincipal) }}</text></view>
+				<view class="row"><text class="label">负责人身份证/护照号</text><text class="value">{{ safeText(form.principalCertificateNo) }}</text></view>
+				<view class="row"><text class="label">成立时间及货场规模</text><text class="value pre">{{ safeText(form.establishedTimeAndYardScale) }}</text></view>
+				<view class="row"><text class="label">经营品种、规模</text><text class="value pre">{{ safeText(form.overallBusinessVarietiesScale) }}</text></view>
+				<view class="row"><text class="label">出口到国内时间</text><text class="value">{{ safeText(form.exportToDomesticTime) }}</text></view>
+				<view class="row"><text class="label">出口规模、品种</text><text class="value pre">{{ safeText(form.exportToDomesticScaleVarieties) }}</text></view>
+				<view class="row"><text class="label">与国内合作企业</text><text class="value pre">{{ safeText(form.cooperatingDomesticCompanies) }}</text></view>
+				<view class="row"><text class="label">合作效果</text><text class="value pre">{{ safeText(form.cooperationEffect) }}</text></view>
+				<view class="row"><text class="label">供应商考察</text><text class="value pre">{{ safeText(form.supplierInspection) }}</text></view>
+				<view class="row"><text class="label">销售代表办公地考察</text><text class="value pre">{{ safeText(form.domesticSalesOfficeInspection) }}</text></view>
+				<view class="row"><text class="label">有无担保函</text><text class="value">{{ safeText(form.guaranteeLetter) }}</text></view>
+				<view class="row"><text class="label">合同纠纷</text><text class="value pre">{{ safeText(form.contractDispute) }}</text></view>
+				<view class="row"><text class="label">保险、运输方式</text><text class="value">{{ safeText(form.insuranceTransportMode) }}</text></view>
+				<view class="row"><text class="label">滞箱滞报费用</text><text class="value">{{ safeText(form.detentionDemurrageFee) }}</text></view>
+				<view class="row"><text class="label">操作品种</text><text class="value">{{ safeText(form.operationVariety) }}</text></view>
+				<view class="row"><text class="label">操作规模</text><text class="value">{{ safeText(form.operationScale) }}</text></view>
+				<view class="row"><text class="label">定价模式</text><text class="value">{{ safeText(form.pricingMode) }}</text></view>
+				<view class="row"><text class="label">结算方式</text><text class="value">{{ safeText(form.settlementMethod) }}</text></view>
+				<view class="row"><text class="label">磅差约定</text><text class="value">{{ safeText(form.weightDifferenceAgreement) }}</text></view>
+				<view class="row"><text class="label">质量标准</text><text class="value">{{ safeText(form.qualityStandard) }}</text></view>
+				<view class="row"><text class="label">供应商分类</text><text class="value">{{ safeText(supplierCategoryName) }}</text></view>
+			</view>
+
+			<view class="title-header">
+				<image class="title-header_icon" src="/static/images/title.png" />
+				<span>操作方案</span>
+			</view>
+			<view class="section">
+				<view class="row"><text class="label">操作时间</text><text class="value">{{ safeText(form.schemeOperationTime) }}</text></view>
+				<view class="row"><text class="label">操作模式</text><text class="value">{{ safeText(form.schemeOperationMode) }}</text></view>
+				<view class="row"><text class="label">操作品种</text><text class="value">{{ safeText(form.schemeOperationVariety) }}</text></view>
+				<view class="row"><text class="label">操作数量</text><text class="value">{{ safeText(form.schemeOperationQuantity) }}</text></view>
+				<view class="row"><text class="label">发货要求</text><text class="value pre">{{ safeText(form.shippingRequirement) }}</text></view>
+				<view class="row"><text class="label">付款方式</text><text class="value">{{ safeText(form.paymentMethod) }}</text></view>
+				<view class="row"><text class="label">下次评审时间</text><text class="value">{{ safeText(form.nextReviewTime) }}</text></view>
+				<view class="row"><text class="label">评审部门</text><text class="value">{{ safeText(form.reviewDepartment) }}</text></view>
+				<view class="row"><text class="label">资信调查人</text><text class="value">{{ safeText(form.investigatorName) }}</text></view>
+				<view class="row"><text class="label">采购处</text><text class="value">{{ safeText(purchaseDeptName) }}</text></view>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { foreignTradeCreditGetExamineByIdApi, getPurchaseDeptApi } from '@/api/procure-manage/foreignTradeCredit.js'
+
+export default {
+	name: 'ForeignTradeCreditViewer',
+	props: { id: { type: [String, Number], default: '' } },
+	data() {
+		return {
+			form: {},
+			dicOptions: {
+				COMPANY_NATURE: []
+			},
+			purchaseDept: null
+		}
+	},
+	computed: {
+		companyNatureText() {
+			const v = this.form && this.form.companyNature != null ? String(this.form.companyNature) : ''
+			if (!v) return '-'
+			return getDicName('COMPANY_NATURE', v, this.dicOptions.COMPANY_NATURE) || v
+		},
+		supplierCategoryName() {
+			const v = this.form && this.form.supplierCategory != null ? String(this.form.supplierCategory) : ''
+			const map = { A: 'A类供应商', B: 'B类供应商', C: 'C类供应商', D: 'D类供应商' }
+			return map[v] || (v ? v : '-')
+		},
+		purchaseDeptName() {
+			if (this.purchaseDept && this.purchaseDept.name != null) return String(this.purchaseDept.name)
+			const v = this.form && this.form.purchaseDepartmentName != null ? String(this.form.purchaseDepartmentName) : ''
+			return v || '-'
+		}
+	},
+	created() {
+		this.loadDicData()
+		this.loadPurchaseDeptOptions()
+	},
+	watch: {
+		id: {
+			immediate: true,
+			handler(val) {
+				const v = (val !== undefined && val !== null) ? String(val) : ''
+				if (v) this.loadDetail(v)
+			}
+		}
+	},
+	methods: {
+		async loadDicData() {
+			try {
+				const results = await getDicByCodes(['COMPANY_NATURE'])
+				this.dicOptions.COMPANY_NATURE = (results.COMPANY_NATURE && results.COMPANY_NATURE.data) || []
+			} catch (e) {
+				this.dicOptions.COMPANY_NATURE = []
+			}
+		},
+		async loadPurchaseDeptOptions() {
+			try {
+				const res = await getPurchaseDeptApi()
+				const data = (res && res.data) ? res.data : {}
+				this.purchaseDept = data && typeof data === 'object' ? data : null
+			} catch (e) {
+				this.purchaseDept = null
+			}
+		},
+		safeText(v) {
+			const s = v == null ? '' : String(v)
+			return s.trim() ? s : '-'
+		},
+		async loadDetail(id) {
+			try {
+				const res = await foreignTradeCreditGetExamineByIdApi(id)
+				this.form = (res && res.data) ? res.data : {}
+			} catch (e) {
+				this.form = {}
+			}
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-page {
+	background: #f3f3f3;
+}
+
+.scroll {
+	flex: 1;
+	padding: 8rpx 0 144rpx;
+}
+
+.title-header {
+	display: flex;
+	align-items: center;
+	padding: 24rpx 32rpx 12rpx;
+	background-color: #ffffff;
+
+	.title-header_icon {
+		width: 36rpx;
+		height: 36rpx;
+		margin-right: 12rpx;
+	}
+
+	span {
+		font-size: 34rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+	}
+}
+
+.section {
+	padding: 32rpx;
+	background: #fff;
+	margin-bottom: 20rpx;
+}
+
+.row {
+	display: flex;
+	margin-bottom: 28rpx;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
+
+	&.company {
+		font-size: 36rpx;
+		font-weight: 600;
+		color: rgba(0, 0, 0, 0.9);
+		padding-top: 8rpx;
+		line-height: 50rpx;
+	}
+
+	.label {
+		max-width: 420rpx;
+		margin-right: 20rpx;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.6);
+	}
+
+	.value {
+		flex: 1;
+		line-height: 32rpx;
+		font-size: 28rpx;
+		color: rgba(0, 0, 0, 0.9);
+		text-align: right;
+		word-break: break-all;
+
+		&.pre {
+			white-space: pre-wrap;
+		}
+	}
+}
+</style>