commit:内贸合同管理开发联调

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function domesticAgreementQueryApi(params) {
+  return request({
+    url: '/procurement/contract/query',
+    method: 'get',
+    params
+  })
+}
+
+export function domesticAgreementDetailApi(params) {
+  return request({
+    url: '/procurement/contract',
+    method: 'get',
+    params
+  })
+}
+
+export function domesticAgreementCancelApi(id) {
+  return request({
+    url: '/procurement/contract/cancel?id=' + encodeURIComponent(id || ''),
+    method: 'put'
+  })
+}
+
+export function domesticAgreementSubmitApi(id) {
+  return request({
+    url: '/procurement/contract/submit?id=' + encodeURIComponent(id || ''),
+    method: 'put'
+  })
+}
+
+export function domesticAgreementEditApi(data) {
+  return request({
+    url: '/procurement/contract',
+    method: 'put',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}

@@ -517,6 +517,30 @@
 			}
 			}
 		},
 		},
 		{
 		{
+			"path": "pages/domestic-agreement/index",
+			"style": {
+				"navigationBarTitleText": "内贸合同管理",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/domestic-agreement/detail",
+			"style": {
+				"navigationBarTitleText": "内贸合同详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
+			"path": "pages/domestic-agreement/modify",
+			"style": {
+				"navigationBarTitleText": "编辑内贸合同",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},
+		{
 			"path": "pages/order_list/index",
 			"path": "pages/order_list/index",
 			"style": {
 			"style": {
 				"navigationBarTitleText": "订货单列表",
 				"navigationBarTitleText": "订货单列表",

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ safeText(form.procurementPlanCode) }}</text>
+          <view class="row">
+            <text class="label">供方</text>
+            <text class="value">{{ safeText(form.supplierName) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">需方</text>
+            <text class="value">{{ safeText(form.companyFullName) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">签订地点</text>
+            <text class="value">{{ safeText(form.signPlace, '芜湖市') }}</text>
+          </view>
+          <view class="row">
+            <text class="label">签订时间</text>
+            <text class="value">{{ formatDateOnly(form.signTime) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">投诉编码</text>
+            <text class="value">{{ safeText(form.procurementPlanCode) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">结算比例</text>
+            <text class="value">{{ formatPercent(form.settlementRatio) }}</text>
+          </view>
+          <view v-if="form.createUserName" class="row">
+            <text class="label">发起人</text>
+            <text class="value">{{ safeText(form.createUserName) }}</text>
+          </view>
+          <view v-if="approvalStatusVisible" class="row">
+            <text class="label">审核状态</text>
+            <text class="value">{{ getAuditStatusText(form.approvalStatus) }}</text>
+          </view>
+          <view v-if="attachmentList.length" class="row">
+            <text class="label">附件</text>
+            <view class="attach-list">
+              <view v-for="(at, idx) in attachmentList" :key="idx" class="attach-item">
+                <text class="attach-name">{{ at.name }}</text>
+                <text class="attach-view" @click.stop="onPreviewAttachment(at)">查看</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <ProductRel mode="view" :list="lineList" />
+
+        <view v-if="form.specialAgreement" class="title-header">
+          <image class="title-header_icon" src="/static/images/title.png" />
+          <span>特殊约定</span>
+        </view>
+        <view v-if="form.specialAgreement" class="section">
+          <text class="remark-text">{{ safeText(form.specialAgreement) }}</text>
+        </view>
+      </view>
+    </scroll-view>
+    <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+  </view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import ProductRel from './productRel.vue'
+import { getInfo } from '@/api/login'
+import { domesticAgreementCancelApi, domesticAgreementDetailApi, domesticAgreementSubmitApi } from '@/api/procure-manage/domesticAgreement.js'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+
+export default {
+  name: 'DomesticAgreementDetail',
+  components: { DetailButtons, ProductRel },
+  data() {
+    return {
+      id: '',
+      form: {},
+      lineList: [],
+      attachmentList: [],
+      dicOptions: {
+        AUDIT_STATUS: []
+      },
+      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: 'submitAudit',
+        },
+        {
+            text: '取消',
+            visible: true,
+            variant: 'outline',
+            event: 'cancel',
+        }],
+        currentUserId: '',
+    }
+  },
+  computed: {
+    displayButtons() {
+        const row = this.form || {}
+        const status = row.approvalStatus
+        const isDraft = !status;  //草稿
+        const isAudit = status === 'AUDIT';
+        const isPass = status === 'PASS';
+        const isRefuse = status === 'REFUSE';
+        return [
+            { ...this.buttons[0], visible: (isAudit || isPass)&& this.form?.showExamineDetail === true && this.$auth.hasPermi('agreement-manage:domestic-agreement:view') },
+            { ...this.buttons[1], visible:  isAudit && this.form?.showExamine === true && this.$auth.hasPermi('agreement-manage:domestic-agreement:approve') },
+            { ...this.buttons[2], visible: this.$auth.hasPermi('agreement-manage:domestic-agreement:modify') },
+            { ...this.buttons[3], visible: (isDraft || isRefuse) && row.createById === this.currentUserId&& this.$auth.hasPermi('agreement-manage:domestic-agreement:submit') },
+            { ...this.buttons[4], visible:(isRefuse || !status) && this.currentUserId === row?.createById && this.$auth.hasPermi('agreement-manage:domestic-agreement:cancel') },
+        ]
+    },
+    approvalStatusVisible() {
+      return !!(this.form && this.form.approvalStatus)
+    }
+  },
+  onLoad(query) {
+    this.id = (query && query.id) || ''
+    this.loadDicData()
+    this.loadDetail()
+    this.getUserInfo()
+  },
+  onShow() {
+    let needRefresh = ''
+    try { needRefresh = uni.getStorageSync('DOMESTIC_AGREEMENT_DETAIL_NEED_REFRESH') } catch (e) {}
+    if (!needRefresh) return
+    try { uni.removeStorageSync('DOMESTIC_AGREEMENT_DETAIL_NEED_REFRESH') } catch (e) {}
+    this.loadDetail()
+  },
+  methods: {
+    handleButtonClick(btn) {
+      if (!btn || btn.disabled) return
+      var e = btn.event || ''
+      if (e === 'cancel') return this.onCancel()
+      if (e === 'submitAudit') return this.onSubmitAudit()
+      if (e === 'edit') return this.onEdit()
+      uni.showToast({ title: (btn.text || '操作') + '待实现', icon: 'none' })
+    },
+    onEdit() {
+      uni.navigateTo({
+        url: '/pages/domestic-agreement/modify?id=' + this.id
+      })
+       },
+    refreshListFlags() {
+      try { uni.setStorageSync('DOMESTIC_AGREEMENT_LIST_NEED_REFRESH', '1') } catch (e) {}
+      try { uni.setStorageSync('DOMESTIC_AGREEMENT_DETAIL_NEED_REFRESH', '1') } catch (e) {}
+    },
+    runWithConfirm(opts) {
+      var self = this
+      var title = opts.title || '提示'
+      var content = opts.content || ''
+      var run = opts.run
+      var loading = opts.loading || '处理中'
+      var successText = opts.successText || '操作成功'
+      var failText = opts.failText || '操作失败'
+      if (!this.id) {
+        uni.showToast({ title: '缺少合同ID', icon: 'none' })
+        return
+      }
+      var apiFn = function () {
+        uni.showLoading({ title: loading, mask: true })
+        Promise.resolve(run(self.id)).then(function () {
+          uni.hideLoading()
+          uni.showToast({ title: successText, icon: 'none' })
+          self.refreshListFlags()
+          self.loadDetail()
+        }).catch(function (e) {
+          uni.hideLoading()
+          uni.showToast({ title: (e && (e.msg || e.message)) ? (e.msg || e.message) : failText, icon: 'none' })
+        })
+      }
+      uni.showModal({
+        title: title,
+        content: content,
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (!res || !res.confirm) return
+          apiFn()
+        }
+      })
+    },
+    onCancel() {
+      this.runWithConfirm({
+        title: '取消',
+        content: '确认取消该合同吗？',
+        loading: '提交中',
+        successText: '取消成功',
+        failText: '取消失败',
+        run: function (id) { return domesticAgreementCancelApi(id) }
+      })
+    },
+    onSubmitAudit() {
+      this.runWithConfirm({
+        title: '提交审核',
+        content: '确认提交审核吗？',
+        loading: '提交中',
+        successText: '提交成功',
+        failText: '提交审核失败',
+        run: function (id) { return domesticAgreementSubmitApi(id) }
+      })
+    },
+    async getUserInfo() {
+      try {
+        var res = await getInfo()
+        this.currentUserId = (res && res.id) ? res.id : ''
+      } catch (e) {
+        this.currentUserId = ''
+      }
+    },
+    async loadDicData() {
+      try {
+        const results = await getDicByCodes(['AUDIT_STATUS'])
+        this.dicOptions.AUDIT_STATUS = (results.AUDIT_STATUS && results.AUDIT_STATUS.data) || []
+      } catch (e) {
+        this.dicOptions.AUDIT_STATUS = []
+      }
+    },
+    getAuditStatusText(status) {
+      const v = status == null ? '' : String(status)
+      if (!v) return '-'
+      return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+    },
+    loadDetail() {
+      if (!this.id) {
+        uni.showToast({ title: '缺少合同ID', icon: 'none' })
+        return
+      }
+      uni.showLoading && uni.showLoading({ title: '加载中...', mask: true })
+      this.fetchDetail({ id: this.id })
+        .then(res => {
+          const data = res && res.data ? (res.data.data || res.data) : {}
+          this.form = Object.assign({}, data)
+          const lines = data && Array.isArray(data.procurementContractLineList) ? data.procurementContractLineList : []
+          this.lineList = lines.map(l => Object.assign({}, l))
+          this.buildAttachmentList()
+          this.notifyListRefresh()
+        })
+        .catch(() => {
+          uni.showToast({ title: '详情加载失败', icon: 'none' })
+        })
+        .finally(() => {
+          uni.hideLoading && uni.hideLoading()
+        })
+    },
+    fetchDetail(params) {
+      const self = this
+      return domesticAgreementDetailApi(params).catch(function () {
+        return self.mockDetail(params)
+      })
+    },
+    mockDetail(params) {
+      return new Promise(resolve => {
+        const mock = {
+          id: params.id,
+          procurementPlanId: 'plan-' + params.id,
+          procurementPlanCode: 'NMHT2026000' + params.id,
+          supplierId: 'S001',
+          supplierName: '上海钢材贸易有限公司',
+          companyShortId: 'C001',
+          companyFullName: '北京远大集团有限公司',
+          signPlace: '芜湖市',
+          signTime: '2026-08-15',
+          deliveryTime: '2026-09-20',
+          settlementRatio: 80,
+          specialAgreement: '1. 本合同项下货物质量须符合国标及双方约定的技术标准；\n2. 如出现质量问题，供方须在3个工作日内响应处理；\n3. 价格波动超过±5%时，双方另行协商结算。',
+          attachmentFileIds: 'f1,f2',
+          attachmentFileNames: '内贸合同扫描件.pdf,补充条款.docx',
+          createUserName: '张三',
+          approvalStatus: 'AUDIT',
+          procurementContractLineList: [
+            {
+              id: 'L1',
+              contractId: params.id,
+              itemId: 'I1',
+              planLineId: 'PL1',
+              invoiceProductName: '废铜',
+              productId: 'P001',
+              productName: '光亮铜',
+              quantity: '25.500',
+              unitPrice: '62500.00',
+              deliveryTime: '2026-09-15'
+            },
+            {
+              id: 'L2',
+              contractId: params.id,
+              itemId: 'I2',
+              planLineId: 'PL2',
+              invoiceProductName: '废铜',
+              productId: 'P002',
+              productName: '一特铜',
+              quantity: '18.200',
+              unitPrice: '61800.00',
+              deliveryTime: '2026-09-20'
+            },
+            {
+              id: 'L3',
+              contractId: params.id,
+              itemId: 'I3',
+              planLineId: 'PL3',
+              invoiceProductName: '废铝',
+              productId: 'P003',
+              productName: '高纯铝锭',
+              quantity: '42.000',
+              unitPrice: '19800.00',
+              deliveryTime: '2026-09-25'
+            }
+          ]
+        }
+        setTimeout(() => resolve({ data: { data: mock } }), 200)
+      })
+    },
+    buildAttachmentList() {
+      const ids = this.form.attachmentFileIds
+      const names = this.form.attachmentFileNames
+      const idArr = (typeof ids === 'string' && ids) ? ids.split(',').filter(Boolean) : (Array.isArray(ids) ? ids : [])
+      const nameArr = (typeof names === 'string' && names) ? names.split(',').filter(Boolean) : (Array.isArray(names) ? names : [])
+      const len = Math.max(idArr.length, nameArr.length)
+      const list = []
+      for (let i = 0; i < len; i++) {
+        list.push({ id: idArr[i] || '', name: nameArr[i] || ('附件' + (i + 1)) })
+      }
+      this.attachmentList = list
+    },
+    notifyListRefresh() {
+      try { uni.setStorageSync('DOMESTIC_AGREEMENT_LIST_NEED_REFRESH', '1') } catch (e) {}
+    },
+    safeText(v, def) {
+      const s = v == null ? '' : String(v)
+      if (s.trim()) return s
+      return def != null ? def : '-'
+    },
+    formatDateOnly(v) {
+      const s = v == null ? '' : String(v).trim()
+      if (!s) return '-'
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    },
+    formatPercent(v) {
+      if (v === null || v === undefined || v === '') return '-'
+      const n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n + '%'
+    },
+    onPreviewAttachment(at) {
+      if (!at || !at.id) {
+        uni.showToast({ title: '无法查看', icon: 'none' })
+        return
+      }
+      uni.showToast({ title: '查看附件 ' + at.name, icon: 'none' })
+    }
+  }
+}
+</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;
+  }
+}
+.attach-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8rpx;
+}
+.attach-item {
+  display: flex;
+  align-items: center;
+  gap: 16rpx;
+  .attach-name {
+    font-size: 26rpx;
+    color: rgba(0, 0, 0, 0.9);
+  }
+  .attach-view {
+    font-size: 26rpx;
+    color: $theme-primary;
+  }
+}
+.remark-text {
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+.empty-tip {
+  text-align: center;
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.4);
+  padding: 24rpx 0;
+}
+</style>

+<template>
+  <view class="page">
+    <view class="agreement-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/filter_icon.png" @click="openFilter" />
+        </view>
+      </view>
+
+      <view class="tabs">
+        <view
+          v-for="(t, i) in tabs"
+          :key="i"
+          :class="['tab', { active: deleted === t.value }]"
+          @click="switchTab(t)"
+        >
+          {{ t.label }}
+        </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="onCardClick(item)">
+            <view class="card-header">
+              <text class="title omit2">{{ item.procurementPlanCode || '-' }}</text>
+              <text :class="['status', `status_${item.approvalStatus}`]">{{ getAuditStatusText(item.approvalStatus) }}</text>
+            </view>
+            <view class="info-row">
+              <text>供方</text>
+              <text>{{ item.supplierName || '-' }}</text>
+            </view>
+            <view class="info-row">
+              <text>需方</text>
+              <text>{{ item.companyFullName || '-' }}</text>
+            </view>
+            <view class="info-row">
+              <text>签订时间</text>
+              <text>{{ formatDateOnly(item.signTime) }}</text>
+            </view>
+            <view class="info-row">
+              <text>发起人</text>
+              <text>{{ item.originatorName || '-' }}</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>
+            <input class="input" v-model="model.supplierName" placeholder="请输入供应商名称" />
+          </view>
+          <view class="form-item">
+            <view class="label">需方</view>
+            <input class="input" v-model="model.companyFullName" placeholder="请输入公司名称（全称）" />
+          </view>
+          <view class="form-item">
+            <view class="label">投诉编码</view>
+            <input class="input" v-model="model.procurementPlanCode" placeholder="请输入计划单编号" />
+          </view>
+          <view class="form-item">
+            <view class="label">审核状态</view>
+            <uni-data-checkbox mode="tag" :multiple="false" :value-field="'value'" :text-field="'text'"
+              v-model="model.approvalStatus" @change="onApprovalStatusChange" :localdata="approvalStatusOptions" />
+          </view>
+          <view class="form-item">
+            <view class="label">签订时间</view>
+            <uni-datetime-picker type="daterange" v-model="model.signTimeRange" start="2023-01-01" />
+          </view>
+          <view class="form-item">
+            <view class="label">交货日期</view>
+            <uni-datetime-picker type="daterange" v-model="model.deliveryTimeRange" 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 { domesticAgreementQueryApi } from '@/api/procure-manage/domesticAgreement.js'
+
+export default {
+  name: 'DomesticAgreement',
+  components: { CardList, FilterModal },
+  data() {
+    return {
+      searchKeyword: '',
+      searchKeywordDebounced: '',
+      searchDebounceTimer: null,
+      deleted: 0,
+      tabs: [
+        { label: '有效合同', value: 0 },
+        { label: '废除合同', value: 1 }
+      ],
+      query: {
+        supplierName: '',
+        companyFullName: '',
+        procurementPlanCode: '',
+        approvalStatus: '',
+        signTimeRange: [],
+        deliveryTimeRange: []
+      },
+      extraParams: {},
+      currentItems: [],
+      filterVisible: false,
+      filterForm: {
+        supplierName: '',
+        companyFullName: '',
+        procurementPlanCode: '',
+        approvalStatus: '',
+        signTimeRange: [],
+        deliveryTimeRange: []
+      },
+      approvalStatusOptions: [
+        { value: '', text: '全部' }
+      ],
+      dicOptions: {
+        AUDIT_STATUS: []
+      }
+    }
+  },
+  computed: {
+    extraCombined() {
+      const keyword = this.searchKeywordDebounced || ''
+      return {
+        keyword: keyword || undefined,
+        deleted: this.deleted
+      }
+    }
+  },
+  watch: {
+    extraCombined: {
+      deep: true,
+      handler(v) {
+        this.extraParams = v
+      },
+      immediate: true
+    }
+  },
+  created() {
+    this.loadDicData()
+  },
+  onShow() {
+    let needRefresh = ''
+    try { needRefresh = uni.getStorageSync('DOMESTIC_AGREEMENT_LIST_NEED_REFRESH') } catch (e) {}
+    if (!needRefresh) return
+    try { uni.removeStorageSync('DOMESTIC_AGREEMENT_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'])
+        this.dicOptions.AUDIT_STATUS = (results.AUDIT_STATUS && results.AUDIT_STATUS.data) || []
+        const list = Array.isArray(this.dicOptions.AUDIT_STATUS) ? this.dicOptions.AUDIT_STATUS : []
+        this.approvalStatusOptions = [{ 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.approvalStatusOptions = [{ value: '', text: '全部' }]
+      }
+    },
+    getAuditStatusText(status) {
+      const v = status == null ? '' : String(status)
+      if (!v) return '-'
+      return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+    },
+    formatDateOnly(v) {
+      const s = v == null ? '' : String(v).trim()
+      if (!s) return '-'
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    },
+    onCardLoaded(_ref) {
+      var items = _ref.items
+      this.currentItems = items
+    },
+    onCardError() {
+      uni.showToast({ title: '列表加载失败', icon: 'none' })
+    },
+    onSearchInput() {
+      var _this = this
+      if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+      this.searchDebounceTimer = setTimeout(function () {
+        _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
+    },
+    switchTab(t) {
+      this.deleted = t.value
+    },
+    openFilter() {
+      this.filterForm = {
+        supplierName: this.query.supplierName || '',
+        companyFullName: this.query.companyFullName || '',
+        procurementPlanCode: this.query.procurementPlanCode || '',
+        approvalStatus: this.query.approvalStatus || '',
+        signTimeRange: Array.isArray(this.query.signTimeRange) ? this.query.signTimeRange.slice(0) : [],
+        deliveryTimeRange: Array.isArray(this.query.deliveryTimeRange) ? this.query.deliveryTimeRange.slice(0) : []
+      }
+      this.filterVisible = true
+    },
+    onFilterReset(payload) {
+      this.filterForm = payload
+    },
+    onFilterConfirm(payload) {
+      this.query = {
+        supplierName: payload.supplierName || '',
+        companyFullName: payload.companyFullName || '',
+        procurementPlanCode: payload.procurementPlanCode || '',
+        approvalStatus: payload.approvalStatus || '',
+        signTimeRange: Array.isArray(payload.signTimeRange) ? payload.signTimeRange : [],
+        deliveryTimeRange: Array.isArray(payload.deliveryTimeRange) ? payload.deliveryTimeRange : []
+      }
+    },
+    onApprovalStatusChange(e) {
+      const raw = e && e.detail && e.detail.value !== undefined ? e.detail.value : (e && e.value !== undefined ? e.value : '')
+      this.filterForm.approvalStatus = raw
+    },
+    fetchList(_ref2) {
+      var _this2 = this
+      var pageIndex = _ref2.pageIndex
+      var pageSize = _ref2.pageSize
+      var query = _ref2.query
+      var extra = _ref2.extra
+      const q = query || {}
+      const e = extra || {}
+      const signRange = Array.isArray(q.signTimeRange) ? q.signTimeRange : []
+      const deliveryRange = Array.isArray(q.deliveryTimeRange) ? q.deliveryTimeRange : []
+      const keyword = e.keyword || ''
+      const params = {
+        pageIndex: pageIndex,
+        pageSize: pageSize,
+        deleted: e.deleted != null ? e.deleted : 0,
+        supplierName: q.supplierName || '',
+        companyFullName: q.companyFullName || '',
+        procurementPlanCode: q.procurementPlanCode || '',
+        approvalStatus: q.approvalStatus || '',
+        startSignTime: signRange && signRange.length === 2 ? signRange[0] : '',
+        endSignTime: signRange && signRange.length === 2 ? signRange[1] : '',
+        startDeliveryTime: deliveryRange && deliveryRange.length === 2 ? deliveryRange[0] : '',
+        endDeliveryTime: deliveryRange && deliveryRange.length === 2 ? deliveryRange[1] : ''
+      }
+      if (keyword) {
+        if (!params.supplierName) params.supplierName = keyword
+        if (!params.companyFullName) params.companyFullName = keyword
+        if (!params.procurementPlanCode) params.procurementPlanCode = keyword
+      }
+      return domesticAgreementQueryApi(params).then(function (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(function (it) { return Object.assign({}, it) })
+        return { records: records, totalCount: totalCount, hasNext: hasNext }
+      }).catch(function () {
+        _this2.onCardError()
+        return { records: [], totalCount: 0, hasNext: false }
+      })
+    },
+    onCardClick(item) {
+      const id = item && (item.id || item.itemId)
+      if (!id) {
+        uni.showToast({ title: '缺少ID', icon: 'none' })
+        return
+      }
+      uni.navigateTo({ url: '/pages/domestic-agreement/detail?id=' + id })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+.agreement-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; }
+    }
+  }
+  .tabs {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 26rpx 34rpx;
+    border-bottom: solid 1px #E7E7E7;
+    .tab { width: 50%; text-align: center; color: rgba(0,0,0,0.9); line-height: 44rpx; position: relative; font-weight: 600; }
+    .tab.active { color: $theme-primary; }
+    .tab.active::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      bottom: -13px;
+      width: 32rpx;
+      height: 6rpx;
+      border-radius: 4rpx;
+      background: $theme-primary;
+    }
+  }
+}
+::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: 236rpx;
+  .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;
+      box-sizing: content-box;
+
+      &.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%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    }
+  }
+}
+.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; }
+  .input {
+    width: 100%;
+    height: 72rpx;
+    line-height: 72rpx;
+    padding: 0 24rpx;
+    border: 1rpx solid #E7E7E7;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: rgba(0,0,0,0.9);
+    background: #fff;
+    box-sizing: border-box;
+  }
+}
+</style>

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ safeText(form.procurementPlanCode) }}</text>
+          <view class="row">
+            <text class="label">供方</text>
+            <text class="value">{{ safeText(form.supplierName) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">需方</text>
+            <text class="value">{{ safeText(form.companyFullName) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">签订地点</text>
+            <text class="value">{{ safeText(form.signPlace, '芜湖市') }}</text>
+          </view>
+          <view class="row">
+            <text class="label">签订时间</text>
+            <text class="value">{{ formatDateOnly(form.signTime) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">投诉编码</text>
+            <text class="value">{{ safeText(form.procurementPlanCode) }}</text>
+          </view>
+          <view class="row">
+            <text class="label">结算比例</text>
+            <text class="value">{{ formatPercent(form.settlementRatio) }}</text>
+          </view>
+          <view v-if="form.createUserName" class="row">
+            <text class="label">发起人</text>
+            <text class="value">{{ safeText(form.createUserName) }}</text>
+          </view>
+          <view v-if="approvalStatusVisible" class="row">
+            <text class="label">审核状态</text>
+            <text class="value">{{ getAuditStatusText(form.approvalStatus) }}</text>
+          </view>
+        </view>
+
+        <ProductRel mode="view" :list="lineList" />
+
+        <view class="title-header">
+          <image class="title-header_icon" src="/static/images/title.png" />
+          <span>特殊约定</span>
+        </view>
+        <view class="section">
+          <textarea v-model="form.specialAgreement" class="remark-text" placeholder="请输入特殊约定" />
+        </view>
+        <view class="section">
+          <text class="section-title">附件上传：</text>
+          <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>
+        </view>
+      </view>
+    </scroll-view>
+    <view class="footer">
+      <button class="btn cancel" @click="onCancelEdit">取消</button>
+      <button class="btn submit" type="primary" :disabled="submitting" @click="onSave">{{ submitting ? '保存中...' : '保存' }}</button>
+    </view>
+  </view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import ProductRel from './productRel.vue'
+import FileUpload from '@/components/file-upload/index.vue'
+import { getInfo } from '@/api/login'
+import { domesticAgreementCancelApi, domesticAgreementDetailApi, domesticAgreementSubmitApi, domesticAgreementEditApi } from '@/api/procure-manage/domesticAgreement.js'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+
+export default {
+  name: 'DomesticAgreementModify',
+  components: { DetailButtons, ProductRel, FileUpload },
+  data() {
+    return {
+      id: '',
+      submitting: false,
+      rawDetail: {},
+      form: {
+        id: '',
+        procurementPlanId: '',
+        procurementPlanCode: '',
+        supplierId: '',
+        supplierName: '',
+        companyShortId: '',
+        companyFullName: '',
+        signPlace: '',
+        signTime: '',
+        deliveryTime: '',
+        settlementRatio: '',
+        specialAgreement: '',
+        attachmentFileIds: '',
+        attachmentFileNames: '',
+        createUserName: '',
+        createById: '',
+        approvalStatus: ''
+      },
+      lineList: [],
+      attachmentFiles: [],
+      newAttachment: { id: '', name: '' },
+      dicOptions: {
+        AUDIT_STATUS: []
+      },
+      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: 'submitAudit',
+        },
+        {
+            text: '取消',
+            visible: true,
+            variant: 'outline',
+            event: 'cancel',
+        }],
+        currentUserId: '',
+    }
+  },
+  computed: {
+    displayButtons() {
+        const row = this.form || {}
+        const status = row.approvalStatus
+        const isDraft = !status;  //草稿
+        const isAudit = status === 'AUDIT';
+        const isPass = status === 'PASS';
+        const isRefuse = status === 'REFUSE';
+        return [
+            { ...this.buttons[0], visible: (isAudit || isPass)&& this.form?.showExamineDetail === true && this.$auth.hasPermi('agreement-manage:domestic-agreement:view') },
+            { ...this.buttons[1], visible:  isAudit && this.form?.showExamine === true && this.$auth.hasPermi('agreement-manage:domestic-agreement:approve') },
+            { ...this.buttons[2], visible: (isDraft || isRefuse)&&this.form.createById === this.currentUserId && this.$auth.hasPermi('agreement-manage:domestic-agreement:modify') },
+            { ...this.buttons[3], visible: (isDraft || isRefuse) && row.createById === this.currentUserId&& this.$auth.hasPermi('agreement-manage:domestic-agreement:submit') },
+            { ...this.buttons[4], visible:(isRefuse || !status) && this.currentUserId === row?.createById && this.$auth.hasPermi('agreement-manage:domestic-agreement:cancel') },
+        ]
+    },
+    approvalStatusVisible() {
+      return !!(this.form && this.form.approvalStatus)
+    }
+  },
+  onLoad(query) {
+    this.id = (query && query.id) || ''
+    this.loadDicData()
+    this.loadDetail()
+    this.getUserInfo()
+  },
+  onShow() {
+    let needRefresh = ''
+    try { needRefresh = uni.getStorageSync('DOMESTIC_AGREEMENT_DETAIL_NEED_REFRESH') } catch (e) {}
+    if (!needRefresh) return
+    try { uni.removeStorageSync('DOMESTIC_AGREEMENT_DETAIL_NEED_REFRESH') } catch (e) {}
+    this.loadDetail()
+  },
+  methods: {
+    handleButtonClick(btn) {
+      if (!btn || btn.disabled) return
+      var e = btn.event || ''
+      if (e === 'cancel') return this.onCancel()
+      if (e === 'submitAudit') return this.onSubmitAudit()
+      uni.showToast({ title: (btn.text || '操作') + '待实现', icon: 'none' })
+    },
+    refreshListFlags() {
+      try { uni.setStorageSync('DOMESTIC_AGREEMENT_LIST_NEED_REFRESH', '1') } catch (e) {}
+      try { uni.setStorageSync('DOMESTIC_AGREEMENT_DETAIL_NEED_REFRESH', '1') } catch (e) {}
+    },
+    runWithConfirm(opts) {
+      var self = this
+      var title = opts.title || '提示'
+      var content = opts.content || ''
+      var run = opts.run
+      var loading = opts.loading || '处理中'
+      var successText = opts.successText || '操作成功'
+      var failText = opts.failText || '操作失败'
+      if (!this.id) {
+        uni.showToast({ title: '缺少合同ID', icon: 'none' })
+        return
+      }
+      var apiFn = function () {
+        uni.showLoading({ title: loading, mask: true })
+        Promise.resolve(run(self.id)).then(function () {
+          uni.hideLoading()
+          uni.showToast({ title: successText, icon: 'none' })
+          self.refreshListFlags()
+          self.loadDetail()
+        }).catch(function (e) {
+          uni.hideLoading()
+          uni.showToast({ title: (e && (e.msg || e.message)) ? (e.msg || e.message) : failText, icon: 'none' })
+        })
+      }
+      uni.showModal({
+        title: title,
+        content: content,
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (!res || !res.confirm) return
+          apiFn()
+        }
+      })
+    },
+    onCancel() {
+      this.runWithConfirm({
+        title: '取消',
+        content: '确认取消该合同吗？',
+        loading: '提交中',
+        successText: '取消成功',
+        failText: '取消失败',
+        run: function (id) { return domesticAgreementCancelApi(id) }
+      })
+    },
+    onSubmitAudit() {
+      this.runWithConfirm({
+        title: '提交审核',
+        content: '确认提交审核吗？',
+        loading: '提交中',
+        successText: '提交成功',
+        failText: '提交审核失败',
+        run: function (id) { return domesticAgreementSubmitApi(id) }
+      })
+    },
+    onCancelEdit() {
+      uni.navigateTo({ url: '/pages/domestic-agreement/detail?id=' + this.id })
+    },
+    async getUserInfo() {
+      try {
+        var res = await getInfo()
+        this.currentUserId = (res && res.id) ? res.id : ''
+      } catch (e) {
+        this.currentUserId = ''
+      }
+    },
+    async loadDicData() {
+      try {
+        const results = await getDicByCodes(['AUDIT_STATUS'])
+        this.dicOptions.AUDIT_STATUS = (results.AUDIT_STATUS && results.AUDIT_STATUS.data) || []
+      } catch (e) {
+        this.dicOptions.AUDIT_STATUS = []
+      }
+    },
+    getAuditStatusText(status) {
+      const v = status == null ? '' : String(status)
+      if (!v) return '-'
+      return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+    },
+    loadDetail() {
+      if (!this.id) {
+        uni.showToast({ title: '缺少合同ID', icon: 'none' })
+        return
+      }
+      uni.showLoading && uni.showLoading({ title: '加载中...', mask: true })
+      this.fetchDetail({ id: this.id })
+        .then(res => {
+          const data = res && res.data ? (res.data.data || res.data) : {}
+          this.rawDetail = Object.assign({}, data)
+          this.form = Object.assign({}, this.form, data)
+          const lines = data && Array.isArray(data.procurementContractLineList) ? data.procurementContractLineList : []
+          this.lineList = lines.map(l => Object.assign({}, l))
+          this.buildAttachmentFiles()
+          this.notifyListRefresh()
+        })
+        .catch(() => {
+          uni.showToast({ title: '详情加载失败', icon: 'none' })
+        })
+        .finally(() => {
+          uni.hideLoading && uni.hideLoading()
+        })
+    },
+    fetchDetail(params) {
+      const self = this
+      return domesticAgreementDetailApi(params).catch(function () {
+        return self.mockDetail(params)
+      })
+    },
+    mockDetail(params) {
+      return new Promise(resolve => {
+        const mock = {
+          id: params.id,
+          procurementPlanId: 'plan-' + params.id,
+          procurementPlanCode: 'NMHT2026000' + params.id,
+          supplierId: 'S001',
+          supplierName: '上海钢材贸易有限公司',
+          companyShortId: 'C001',
+          companyFullName: '北京远大集团有限公司',
+          signPlace: '芜湖市',
+          signTime: '2026-08-15',
+          deliveryTime: '2026-09-20',
+          settlementRatio: 80,
+          specialAgreement: '1. 本合同项下货物质量须符合国标及双方约定的技术标准；\n2. 如出现质量问题，供方须在3个工作日内响应处理；\n3. 价格波动超过±5%时，双方另行协商结算。',
+          attachmentFileIds: 'f1,f2',
+          attachmentFileNames: '内贸合同扫描件.pdf,补充条款.docx',
+          createUserName: '张三',
+          approvalStatus: 'AUDIT',
+          procurementContractLineList: [
+            {
+              id: 'L1',
+              contractId: params.id,
+              itemId: 'I1',
+              planLineId: 'PL1',
+              invoiceProductName: '废铜',
+              productId: 'P001',
+              productName: '光亮铜',
+              quantity: '25.500',
+              unitPrice: '62500.00',
+              deliveryTime: '2026-09-15'
+            },
+            {
+              id: 'L2',
+              contractId: params.id,
+              itemId: 'I2',
+              planLineId: 'PL2',
+              invoiceProductName: '废铜',
+              productId: 'P002',
+              productName: '一特铜',
+              quantity: '18.200',
+              unitPrice: '61800.00',
+              deliveryTime: '2026-09-20'
+            },
+            {
+              id: 'L3',
+              contractId: params.id,
+              itemId: 'I3',
+              planLineId: 'PL3',
+              invoiceProductName: '废铝',
+              productId: 'P003',
+              productName: '高纯铝锭',
+              quantity: '42.000',
+              unitPrice: '19800.00',
+              deliveryTime: '2026-09-25'
+            }
+          ]
+        }
+        setTimeout(() => resolve({ data: { data: mock } }), 200)
+      })
+    },
+    buildAttachmentFiles() {
+      const ids = this.form.attachmentFileIds
+      const names = this.form.attachmentFileNames
+      const idArr = (typeof ids === 'string' && ids) ? ids.split(',').filter(Boolean) : (Array.isArray(ids) ? ids : [])
+      const nameArr = (typeof names === 'string' && names) ? names.split(',').filter(Boolean) : (Array.isArray(names) ? names : [])
+      const len = Math.max(idArr.length, nameArr.length)
+      const list = []
+      for (let i = 0; i < len; i++) {
+        list.push({ id: idArr[i] || '', name: nameArr[i] || ('附件' + (i + 1)) })
+      }
+      this.attachmentFiles = list
+    },
+    syncAttachmentToForm() {
+      const list = Array.isArray(this.attachmentFiles) ? this.attachmentFiles : []
+      const ids = list.map(f => (f && f.id) ? String(f.id) : '').filter(Boolean)
+      const names = list.map(f => (f && f.name) ? String(f.name) : '').filter(Boolean)
+      this.form.attachmentFileIds = ids.join(',')
+      this.form.attachmentFileNames = names.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
+    },
+    onLineListInput(list) {
+      this.lineList = Array.isArray(list) ? list.slice(0) : []
+    },
+    buildPayload() {
+      this.syncAttachmentToForm()
+      const f = this.form || {}
+      const cleanedLines = (this.lineList || []).map(line => {
+        const l = Object.assign({}, line)
+        delete l._key
+        delete l.fixedLossRate
+        delete l.collapsed
+        return l
+      })
+      const payload = Object.assign({}, this.rawDetail, f, {
+        id: f.id || this.id || '',
+        procurementContractLineList: cleanedLines,
+        attachmentFileIds: f.attachmentFileIds || '',
+        attachmentFileNames: f.attachmentFileNames || ''
+      })
+      delete payload.showExamine
+      delete payload.showExamineDetail
+      return payload
+    },
+    onSave() {
+      if (this.submitting) return
+      this.submitting = true
+      const payload = this.buildPayload()
+      uni.showLoading({ title: '保存中...', mask: true })
+      domesticAgreementEditApi(payload)
+        .then(() => {
+          uni.hideLoading()
+          uni.showToast({ title: '保存成功', icon: 'none' })
+          this.refreshListFlags()
+          setTimeout(() => {
+            uni.navigateTo({ url: '/pages/domestic-agreement/detail?id=' + this.id })
+          }, 800)
+        })
+        .catch((e) => {
+          uni.hideLoading()
+          uni.showToast({ title: (e && (e.msg || e.message)) ? (e.msg || e.message) : '保存失败', icon: 'none' })
+        })
+        .finally(() => {
+          this.submitting = false
+        })
+    },
+    notifyListRefresh() {
+      try { uni.setStorageSync('DOMESTIC_AGREEMENT_LIST_NEED_REFRESH', '1') } catch (e) {}
+    },
+    safeText(v, def) {
+      const s = v == null ? '' : String(v)
+      if (s.trim()) return s
+      return def != null ? def : '-'
+    },
+    formatDateOnly(v) {
+      const s = v == null ? '' : String(v).trim()
+      if (!s) return '-'
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    },
+    formatPercent(v) {
+      if (v === null || v === undefined || v === '') return '-'
+      const n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n + '%'
+    }
+  }
+}
+</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;
+}
+.section-title {
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.9);
+  font-weight: 600;
+  display: block;
+  margin-bottom: 24rpx;
+}
+.row {
+  display: flex;
+  align-items: center;
+  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 {
+    min-width: 160rpx;
+    max-width: 420rpx;
+    margin-right: 20rpx;
+    line-height: 44rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.6);
+    flex-shrink: 0;
+  }
+  .value {
+    flex: 1;
+    line-height: 44rpx;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    text-align: right;
+    word-break: break-all;
+  }
+  .input {
+    flex: 1;
+    height: 72rpx;
+    line-height: 72rpx;
+    padding: 0 24rpx;
+    border: 1rpx solid #E7E7E7;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: rgba(0,0,0,0.9);
+    background: #fff;
+    box-sizing: border-box;
+    text-align: right;
+  }
+  :deep(.uni-datetime-picker) {
+    flex: 1;
+    justify-content: flex-end;
+    :deep(.uni-datetime-picker__input) {
+      text-align: right;
+      justify-content: flex-end;
+    }
+  }
+}
+.attach-box {
+  display: flex;
+  flex-direction: column;
+  gap: 20rpx;
+}
+.attach-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .attach-del {
+    color: #D54941;
+    font-size: 28rpx;
+    margin-left: 20rpx;
+    flex-shrink: 0;
+  }
+  .file-upload {
+    flex: 1;
+  }
+}
+.remark-text {
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.9);
+  line-height: 1.6;
+  white-space: pre-wrap;
+  width: 100%;
+  min-height: 200rpx;
+  padding: 24rpx;
+  border: 1rpx solid #E7E7E7;
+  border-radius: 8rpx;
+  box-sizing: border-box;
+  background: #fff;
+}
+.empty-tip {
+  text-align: center;
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.4);
+  padding: 24rpx 0;
+}
+.footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 16rpx 32rpx calc(16rpx + env(safe-area-inset-bottom));
+  background: #fff;
+  border-top: 1rpx solid #E7E7E7;
+  display: flex;
+  gap: 24rpx;
+  z-index: 10;
+  .btn {
+    flex: 1;
+    height: 88rpx;
+    line-height: 88rpx;
+    border-radius: 8rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    &.cancel {
+      background: #F5F5F5;
+      color: rgba(0, 0, 0, 0.9);
+      border: none;
+    }
+    &.submit {
+      background: $theme-primary;
+      color: #fff;
+      border: none;
+      &[disabled] {
+        opacity: 0.6;
+      }
+    }
+  }
+}
+</style>

+<template>
+  <view class="product-rel">
+    <view class="header">
+      <image class="opCollapse" src="/static/images/title.png" />
+      <text class="title">明细信息</text>
+      <view class="ops">
+        <view class="op1" @click="toggleViewCollapse">
+          <image class="opAdd" :src="collapsedView ? '/static/images/down.png' : '/static/images/up.png'" />
+          <text class="op">{{ collapsedView ? '展开' : '收起' }}</text>
+        </view>
+      </view>
+    </view>
+
+    <view v-if="!collapsedView" class="view-list">
+      <view v-if="!items.length" class="empty-tip">暂无明细</view>
+      <view
+        v-for="(item, idx) in items"
+        :key="'v-' + (item.id || item.itemId || item._key || idx)"
+        class="card"
+      >
+        <view class="card-index">第 {{ idx + 1 }} 行</view>
+        <view class="row"><text class="label">名称</text><text class="value">{{ safeText(item.invoiceProductName) }}</text></view>
+        <view class="row"><text class="label">规格型号</text><text class="value">{{ safeText(item.productName) }}</text></view>
+        <view class="row"><text class="label">数量</text><text class="value">{{ formatNumber(item.quantity) }}</text></view>
+        <view class="row"><text class="label">单价</text><text class="value">{{ formatNumber(item.unitPrice) }}</text></view>
+        <view class="row"><text class="label">不含税金额</text><text class="value highlight">{{ formatNumber(item.excludingTaxAmount) }}</text></view>
+        <view class="row"><text class="label">税额</text><text class="value highlight">{{ formatNumber(item.taxAmount) }}</text></view>
+        <view class="row"><text class="label">合计金额</text><text class="value total">{{ formatNumber(item.totalAmount) }}</text></view>
+        <view class="row"><text class="label">交货时间</text><text class="value">{{ formatDateOnly(item.deliveryTime) }}</text></view>
+      </view>
+
+      <view v-if="items.length" class="summary-card">
+        <view class="summary-title">合计</view>
+        <view class="row"><text class="label">数量</text><text class="value">{{ formatNumber(totalQuantity) }}</text></view>
+        <view class="row"><text class="label">不含税金额</text><text class="value highlight">{{ formatNumber(totalExcludeTaxAmount) }}</text></view>
+        <view class="row"><text class="label">税额</text><text class="value highlight">{{ formatNumber(totalTaxAmount) }}</text></view>
+        <view class="row"><text class="label">合计金额</text><text class="value total">{{ formatNumber(totalAmount) }}</text></view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'DomesticAgreementProductRel',
+  props: {
+    mode: { type: String, default: 'view' },
+    list: { type: Array, default: function () { return [] } }
+  },
+  data() {
+    return {
+      items: [],
+      collapsedView: false
+    }
+  },
+  computed: {
+    totalQuantity() {
+      return round2(sum(this.items, 'quantity'))
+    },
+    totalExcludeTaxAmount() {
+      return sum(this.items, 'excludingTaxAmount')
+    },
+    totalTaxAmount() {
+      return sum(this.items, 'taxAmount')
+    },
+    totalAmount() {
+      return sum(this.items, 'totalAmount')
+    }
+  },
+  watch: {
+    list: {
+      handler(v) {
+        this.initItems(v)
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  methods: {
+    initItems(src) {
+      const arr = Array.isArray(src) ? src : []
+      this.items = arr.map(x => Object.assign({}, x))
+    },
+    toggleViewCollapse() {
+      this.collapsedView = !this.collapsedView
+    },
+    safeText(v) {
+      if (v === null || v === undefined || v === '') return '-'
+      return String(v)
+    },
+    formatNumber(v) {
+      if (v === null || v === undefined || v === '') return '-'
+      const n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+    },
+    formatDateOnly(v) {
+      const s = v == null ? '' : String(v).trim()
+      if (!s) return '-'
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    }
+  }
+}
+
+function num(v) {
+  if (v === null || v === undefined || v === '') return 0
+  const n = Number(v)
+  return isNaN(n) ? 0 : n
+}
+function round2(v) {
+  const n = Number(v)
+  if (isNaN(n)) return ''
+  return Math.round(n * 100) / 100
+}
+function sum(list, field) {
+  let s = 0
+  if (!Array.isArray(list)) return s
+  list.forEach(it => { s += num(it && it[field]) })
+  return s
+}
+</script>
+
+<style lang="scss" scoped>
+.product-rel {
+  width: 100%;
+  margin-top: 24rpx;
+}
+.header {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 0 16rpx 32rpx;
+  .opCollapse { width: 6rpx; height: 32rpx; margin-right: 14rpx; }
+  .title { font-size: 30rpx; font-weight: 600; color: rgba(0,0,0,0.9); flex: 1; line-height: 42rpx; }
+  .ops { display: flex; align-items: center; padding-right: 32rpx; }
+  .op1 {
+    display: flex;
+    align-items: center;
+    padding: 0 12rpx;
+    height: 56rpx;
+    .opAdd { width: 24rpx; height: 24rpx; margin-right: 8rpx; }
+    .op { font-size: 26rpx; color: rgba(0,0,0,0.6); }
+  }
+}
+.view-list {
+  padding: 0 32rpx 24rpx;
+  .empty-tip {
+    text-align: center;
+    padding: 80rpx 0;
+    color: rgba(0,0,0,0.4);
+    font-size: 28rpx;
+  }
+  .card {
+    position: relative;
+    background: #fff;
+    border-radius: 12rpx;
+    padding: 32rpx 28rpx 20rpx;
+    margin-bottom: 24rpx;
+    box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
+    .card-index {
+      position: absolute;
+      top: 0;
+      right: 0;
+      background: rgba(24, 144, 255, 0.08);
+      color: $theme-primary;
+      font-size: 22rpx;
+      line-height: 36rpx;
+      padding: 0 16rpx;
+      border-bottom-left-radius: 12rpx;
+      border-top-right-radius: 12rpx;
+    }
+    .row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 14rpx 0;
+      border-bottom: 1rpx dashed #F2F2F2;
+      &:last-child { border-bottom: none; }
+      .label {
+        flex-shrink: 0;
+        width: 220rpx;
+        font-size: 28rpx;
+        color: rgba(0,0,0,0.6);
+        line-height: 40rpx;
+      }
+      .value {
+        flex: 1;
+        text-align: right;
+        font-size: 28rpx;
+        color: rgba(0,0,0,0.9);
+        line-height: 40rpx;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        &.highlight { color: #E6A23C; }
+        &.total { color: #D54941; font-weight: 600; font-size: 30rpx; }
+      }
+    }
+  }
+  .summary-card {
+    background: linear-gradient(135deg, rgba(24, 144, 255, 0.06), rgba(24, 144, 255, 0.02));
+    border: 1rpx solid rgba(24, 144, 255, 0.16);
+    border-radius: 12rpx;
+    padding: 28rpx;
+    .summary-title {
+      font-size: 30rpx;
+      font-weight: 700;
+      color: $theme-primary;
+      margin-bottom: 12rpx;
+      line-height: 42rpx;
+    }
+    .row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12rpx 0;
+      border-bottom: 1rpx dashed rgba(24, 144, 255, 0.12);
+      &:last-child { border-bottom: none; }
+      .label {
+        flex-shrink: 0;
+        width: 220rpx;
+        font-size: 28rpx;
+        color: rgba(0,0,0,0.6);
+        line-height: 40rpx;
+      }
+      .value {
+        flex: 1;
+        text-align: right;
+        font-size: 28rpx;
+        color: rgba(0,0,0,0.9);
+        line-height: 40rpx;
+        font-weight: 500;
+        &.highlight { color: #E6A23C; }
+        &.total { color: #D54941; font-weight: 700; font-size: 32rpx; }
+      }
+    }
+  }
+}
+</style>

@@ -197,6 +197,12 @@ export default {
 					icon: '/static/images/index/revoke_list.png',
 					icon: '/static/images/index/revoke_list.png',
 					link: '/pages/supple-plan/index',
 					link: '/pages/supple-plan/index',
 					name: 'SupplePlan'
 					name: 'SupplePlan'
+				},
+				{
+					text: '内贸合同管理',
+					icon: '/static/images/index/draft_order.png',
+					link: '/pages/domestic-agreement/index',
+					name: 'DomesticAgreement'
 				}
 				}
 			]
 			]
 			},
 			},