commit：计划单开发

@@ -120,4 +120,40 @@ export function workshopQueryApi(params) {
     method: 'get',
     params
   })
+}
+
+// 价格表 查询
+export function priceTableQueryApi(params) {
+  return request({
+    url: `/baseData/price/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 品种关系 查询
+export function breedRelationshipQueryApi(params) {
+  return request({
+    url: `/baseData/breedRelationship/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 公司简称 查询
+export function companyShortQueryApi(params) {
+  return request({
+    url: `/basedata/company/short/query`,
+    method: 'get',
+    params
+  })
+}
+
+// 价格表 详情
+export function priceTableDetailApi(params) {
+  return request({
+    url: `/baseData/price`,
+    method: 'get',
+    params
+  })
 }
\ No newline at end of file

+import request from '@/utils/request'
+import { ContentTypeEnum } from '@/utils/httpEnum'
+
+export function procurementPlanQueryApi(params) {
+  return request({
+    url: '/procurement/plan/query',
+    method: 'get',
+    params
+  })
+}
+
+export function procurementPlanSaveApi(data) {
+  return request({
+    url: '/procurement/plan',
+    method: 'post',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function procurementPlanDetailApi(params) {
+  return request({
+    url: '/procurement/plan',
+    method: 'get',
+    params
+  })
+}
+
+export function procurementPlanUpdateApi(data) {
+  return request({
+    url: '/procurement/plan',
+    method: 'put',
+    data,
+    contentType: ContentTypeEnum.JSON
+  })
+}
+
+export function procurementPlanGetApi(id) {
+  return request({
+    url: '/procurement/plan/get',
+    method: 'get',
+    params: { id }
+  })
+}
+
+export function procurementPlanGenerateContractApi(id) {
+  return request({
+    url: '/procurement/plan/generateContract',
+    method: 'post',
+    params: { id: id }
+  })
+}
+
+export function procurementPlanSubmitAuditApi(id) {
+  return request({
+    url: '/procurement/plan/submitAudit',
+    method: 'post',
+    params: { id: id }
+  })
+}
+
+export function procurementPlanSubmitApi(id) {
+  return request({
+    url: '/procurement/plan/submit',
+    method: 'post',
+    params: { id: id }
+  })
+}
+
+export function procurementPlanStopApi(id) {
+  return request({
+    url: '/procurement/plan/stop',
+    method: 'post',
+    params: { id: id }
+  })
+}

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ safeText(form.code) }}</text>
+          <view class="row"><text class="label">公司简称</text><text class="value">{{ safeText(form.companyShortName || form.companyName) }}</text></view>
+          <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.purchaseDepartmentName || form.purchaseDepartment) }}</text></view>
+          <view class="row"><text class="label">区域</text><text class="value">{{ safeText(form.regionName || form.region) }}</text></view>
+          <view class="row"><text class="label">日期</text><text class="value">{{ formatDateOnly(form.date) }}</text></view>
+          <view class="row"><text class="label">报价时效</text><text class="value">{{ safeText(form.validityPeriod) }}</text></view>
+          <view class="row"><text class="label">报价人</text><text class="value">{{ safeText(form.quoterName) }}</text></view>
+          <view class="row"><text class="label">是否长单操作</text><text class="value">{{ boolText(form.longTermOperation) }}</text></view>
+          <view class="row"><text class="label">是否终端客户</text><text class="value">{{ boolText(form.terminalCustomer) }}</text></view>
+          <view class="row"><text class="label">是否未点价</text><text class="value">{{ boolText(form.priced) }}</text></view>
+          <view v-if="form.priced === true" class="row"><text class="label">点价截止日期</text><text class="value">{{ formatDateOnly(form.pricingDeadline) }}</text></view>
+          <view v-if="form.priced === true" class="row"><text class="label">是否暂定价</text><text class="value">{{ boolText(form.temporaryPrice) }}</text></view>
+          <view class="row"><text class="label">其他费用凭票到厂另行结算</text><text class="value">{{ boolText(form.otherExpenseSettlement) }}</text></view>
+          <view class="row"><text class="label">交提货方式</text><text class="value">{{ getDeliveryMethodLabel() }}</text></view>
+          <view class="row"><text class="label">是否通货买断</text><text class="value">{{ boolText(form.commodityBuyout) }}</text></view>
+          <view class="row"><text class="label">是否质量买断</text><text class="value">{{ boolText(form.qualityBuyout) }}</text></view>
+          <view class="row"><text class="label">是否数量买断</text><text class="value">{{ boolText(form.quantityBuyout) }}</text></view>
+          <view class="row"><text class="label">是否送货上门</text><text class="value">{{ boolText(form.doorDelivery) }}</text></view>
+          <view class="row"><text class="label">另付运费</text><text class="value">{{ formatNumber(form.shippingCost) }}</text></view>
+          <view class="row"><text class="label">装车费</text><text class="value">{{ formatNumber(form.loadingFee) }}</text></view>
+          <view class="row"><text class="label">开票品名</text><text class="value">{{ safeText(form.invoiceProductName) }}</text></view>
+          <view class="row"><text class="label">交货日期</text><text class="value">{{ formatDateOnly(form.deliveryDate) }}</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">{{ formatNumber(form.settlementRatio) }}</text></view>
+          <view class="row"><text class="label">价格表编号</text><text class="value">{{ getPriceTableLabel() }}</text></view>
+          <view class="row"><text class="label">协调事由</text><text class="value">{{ safeText(form.coordinationReason) }}</text></view>
+          <view class="row"><text class="label">票类状况</text><text class="value">{{ safeText(form.invoiceTypeStatus) }}</text></view>
+          <view class="row" v-if="attachmentList.length">
+            <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="lineListWithName"
+          :product-options="productOptions"
+          :workshop-options="workshopOptions"
+        />
+
+        <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">{{ boolText(form.materialConditionEnabled) }}</text></view>
+          <template v-if="form.materialConditionEnabled">
+            <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+              <text class="material-label">{{ mc.label }}</text>
+              <view class="tag-list">
+                <view v-for="opt in getDictOptions(mc.dictCode)" :key="opt.code" class="tag-btn" :class="{ active: isTagSelected(mc.field, opt.code) }">{{ opt.name }}</view>
+              </view>
+            </view>
+          </template>
+        </view>
+
+        <view class="title-header">
+          <image class="title-header_icon" src="/static/images/title.png" />
+          <span>备注</span>
+        </view>
+        <view class="section">
+          <text class="remark-text">{{ safeText(form.remark) }}</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 { procurementPlanDetailApi, procurementPlanGenerateContractApi, procurementPlanSubmitAuditApi, procurementPlanSubmitApi, procurementPlanStopApi } from '@/api/procure-manage/procurementPlan.js'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+import { getInfo } from '@/api/login.js'
+import { priceTableQueryApi, breedRelationshipQueryApi, workshopQueryApi } from '@/api/devManage.js'
+
+export default {
+  name: 'DomesticPlanDetail',
+  components: { DetailButtons, ProductRel },
+  data() {
+    return {
+      id: '',
+      form: {},
+      lineList: [],
+      attachmentList: [],
+      materialConditionConfigs: [
+        { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+        { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+        { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+        { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+        { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+        { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+        { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+        { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+      ],
+      dicOptions: {
+        AUDIT_STATUS: [],
+        PROCESS_STATUS: [],
+        DELIVERY_METHOD: []
+      },
+      dictData: {},
+      currentUserId: '',
+      priceTableList: [],
+      productOptions: [],
+      workshopOptions: [],
+      planRoleFlags: {
+        isPlanner: false
+      },
+      PROCESS_STATUS_CODE: {
+        TO_SUPPLEMENT: 'TO_SUPPLEMENT',
+        TO_SPLIT: 'TO_SPLIT',
+        TO_SUBMIT_REVIEW: 'TO_SUBMIT_REVIEW',
+        AUDIT: 'AUDIT',
+        REFUSE: 'REFUSE',
+        COMPLETED: 'COMPLETED',
+        ABORTED: 'ABORTED'
+      },
+      buttonTemplates: [
+        { text: '补充', variant: 'primary', event: 'supplement' },
+        { text: '生成合同', variant: 'primary', event: 'generateContract' },
+        { text: '选择分厂', variant: 'primary', event: 'selectWorkshop' },
+        { text: '提交', variant: 'primary', event: 'submitSplit' },
+        { text: '提交审核', variant: 'primary', event: 'submitReview' },
+        { text: '终止', variant: 'danger', event: 'abort' },
+        { text: '审核', variant: 'primary', event: 'approve' },
+        { text: '审核详情', variant: 'outline', event: 'approveDetail' },
+        { text: '打印', variant: 'outline', event: 'print' },
+        { text: '生成买断操作申请单', variant: 'outline', event: 'generate' },
+        { text: '废除买断操作申请单', variant: 'danger', event: 'cancel' },
+        { text: '查看买断操作申请单', variant: 'outline', event: 'look' },
+        { text: '上传附件', variant: 'primary', event: 'upload' }
+      ]
+    }
+  },
+  computed: {
+    productMap() {
+      var list = Array.isArray(this.productOptions) ? this.productOptions : []
+      var m = {}
+      list.forEach(function (o) {
+        var key = String(o.productId || o.id || o.value || '')
+        if (key) m[key] = o
+      })
+      return m
+    },
+    workshopMap() {
+      var list = Array.isArray(this.workshopOptions) ? this.workshopOptions : []
+      var m = {}
+      list.forEach(function (o) {
+        var key = String(o.workshopId || o.id || o.value || '')
+        if (key) m[key] = o
+      })
+      return m
+    },
+    lineListWithName() {
+      var self = this
+      var list = Array.isArray(this.lineList) ? this.lineList : []
+      return list.map(function (row) {
+        var pid = String(row.productId || '')
+        var wid = String(row.workshopId || '')
+        var p = pid ? self.productMap[pid] : null
+        var w = wid ? self.workshopMap[wid] : null
+        return Object.assign({}, row, {
+          productName: row.productName || (p ? (p.productName || p.name || p.label || '') : ''),
+          workshopName: row.workshopName || (w ? (w.workshopName || w.name || w.label || '') : '')
+        })
+      })
+    },
+    displayButtons() {
+      var self = this
+      var f = this.form || {}
+      var ps = String(f.processStatus != null ? f.processStatus : '')
+      var aStatus = String(f.approvalStatus != null ? f.approvalStatus : '')
+      var SC = this.PROCESS_STATUS_CODE
+      var inStatus = function (codes) { return codes.indexOf(ps) >= 0 }
+      var perms = {
+        supplement: this.hasPerm('plan-manage:domestic-plan:supple'),
+        generateContract: this.hasPerm('plan-manage:domestic-plan:do'),
+        selectWorkshop: this.hasPerm('plan-manage:domestic-plan:split'),
+        submitSplit: this.hasPerm('plan-manage:domestic-plan:submit'),
+        submitReview: this.hasPerm('plan-manage:domestic-plan:goapprove'),
+        abort: this.hasPerm('plan-manage:domestic-plan:stop'),
+        approve: this.hasPerm('plan-manage:domestic-plan:approve'),
+        approveDetail: this.hasPerm('plan-manage:domestic-plan:view'),
+        print: this.hasPerm('plan-manage:domestic-plan:print'),
+        generate: this.hasPerm('plan-manage:domestic-plan:generate'),
+        cancel: this.hasPerm('plan-manage:domestic-plan:cancel'),
+        look: this.hasPerm('plan-manage:domestic-plan:look'),
+        upload: this.hasPerm('plan-manage:domestic-plan:upload')
+      }
+      var visibleMap = {
+        supplement: inStatus([SC.TO_SUPPLEMENT]) && perms.supplement,
+        generateContract: inStatus([SC.TO_SUPPLEMENT]) && perms.generateContract,
+        selectWorkshop: inStatus([SC.TO_SPLIT]) && perms.selectWorkshop,
+        submitSplit: inStatus([SC.TO_SPLIT]) && perms.submitSplit,
+        submitReview: inStatus([SC.TO_SUBMIT_REVIEW]) && perms.submitReview,
+        abort: inStatus([SC.TO_SUBMIT_REVIEW, SC.AUDIT, SC.REFUSE]) && perms.abort,
+        approve: (inStatus([SC.AUDIT, SC.REFUSE]) && aStatus === 'AUDIT' && !!f.showExamine) && perms.approve,
+        approveDetail: !!f.showExamineDetail && (inStatus([SC.AUDIT, SC.COMPLETED, SC.REFUSE])) && perms.approveDetail,
+        print: inStatus([SC.TO_SUBMIT_REVIEW, SC.AUDIT, SC.COMPLETED, SC.ABORTED, SC.REFUSE]) && perms.print,
+        generateBuyoutApply: !!f.showGenerateBuyoutApply && inStatus([SC.TO_SUBMIT_REVIEW, SC.AUDIT, SC.COMPLETED]) && perms.generateBuyoutApply,
+        abolishBuyoutApply: !!f.showAbolishBuyoutApply && inStatus([SC.TO_SUBMIT_REVIEW, SC.AUDIT, SC.COMPLETED]) && perms.abolishBuyoutApply,
+        viewBuyoutApply: inStatus([SC.TO_SUBMIT_REVIEW, SC.AUDIT, SC.COMPLETED, SC.REFUSE]) && perms.viewBuyoutApply,
+        uploadAttachment: inStatus([SC.COMPLETED]) && !!this.planRoleFlags.isPlanner && perms.uploadAttachment
+      }
+      var out = []
+      for (var i = 0; i < this.buttonTemplates.length; i++) {
+        var tpl = this.buttonTemplates[i]
+        var visible = !!visibleMap[tpl.event]
+        if (visible) {
+          out.push(Object.assign({}, tpl))
+        }
+      }
+      return out
+    }
+  },
+  onLoad(query) {
+    this.id = (query && query.id) || ''
+    this.loadDictData()
+    this.loadRefData()
+    this.getUserInfo()
+    this.loadDetail()
+  },
+  methods: {
+    hasPerm(code) {
+      try {
+        return !!(this.$auth && this.$auth.hasPermi && this.$auth.hasPermi(code))
+      } catch (e) {
+        return true
+      }
+    },
+    async getUserInfo() {
+      try {
+        var res = await getInfo()
+        this.currentUserId = (res && res.id) ? res.id : ''
+      } catch (e) {
+        this.currentUserId = ''
+      }
+    },
+    async loadDictData() {
+      var codes = [].concat(
+        this.materialConditionConfigs.map(function (mc) { return mc.dictCode }),
+        ['DELIVERY_METHOD', 'AUDIT_STATUS', 'PROCESS_STATUS']
+      )
+      try {
+        var results = await getDicByCodes(codes)
+        var d = results || {}
+        this.dictData = d
+        this.dicOptions.AUDIT_STATUS = (d.AUDIT_STATUS && d.AUDIT_STATUS.data) || []
+        this.dicOptions.PROCESS_STATUS = (d.PROCESS_STATUS && d.PROCESS_STATUS.data) || []
+        this.dicOptions.DELIVERY_METHOD = (d.DELIVERY_METHOD && d.DELIVERY_METHOD.data) || []
+      } catch (e) {
+        this.dictData = {}
+      }
+    },
+    getDictOptions(dictCode) {
+      var data = this.dictData[dictCode]
+      return (data && data.data) ? data.data : []
+    },
+    isTagSelected(field, code) {
+      var selected = this.form ? this.form[field] : undefined
+      if (Array.isArray(selected)) return selected.indexOf(code) >= 0
+      if (typeof selected === 'string' && selected) {
+        return selected.split(',').indexOf(code) >= 0
+      }
+      return false
+    },
+    getAuditStatusText(status) {
+      var v = status == null ? '' : String(status)
+      if (!v) return '-'
+      return getDicName('AUDIT_STATUS', v, this.dicOptions.AUDIT_STATUS) || v
+    },
+    getProcessStatusText(status) {
+      var v = status == null ? '' : String(status)
+      if (!v) return '-'
+      return getDicName('PROCESS_STATUS', v, this.dicOptions.PROCESS_STATUS) || v
+    },
+    getDeliveryMethodLabel() {
+      var opts = this.getDictOptions('DELIVERY_METHOD') || []
+      var v = String(this.form.deliveryMode != null ? this.form.deliveryMode : '')
+      if (!v) return '-'
+      for (var i = 0; i < opts.length; i++) {
+        var o = opts[i]
+        var code = o.code != null ? String(o.code) : (o.value != null ? String(o.value) : '')
+        if (code === v) return o.name || o.label || '-'
+      }
+      return v
+    },
+    getPriceTableLabel() {
+      var code = this.form.priceTableCode != null ? this.form.priceTableCode : (this.form.priceId != null ? this.form.priceId : '')
+      if (code == null || String(code).trim() === '') return '-'
+      var sc = String(code)
+      var list = Array.isArray(this.priceTableList) ? this.priceTableList : []
+      for (var i = 0; i < list.length; i++) {
+        var o = list[i]
+        var id = String(o.id || o.priceId || o.value || '')
+        var c = String(o.priceTableCode || o.code || o.priceCode || '')
+        if (id === sc || c === sc) {
+          var name = o.priceTableName || o.tableName || o.name || o.label || ''
+          var cd = o.priceTableCode || o.code || c
+          return (name ? name + ' ' : '') + (cd ? cd : '') || '-'
+        }
+      }
+      return sc
+    },
+    async loadRefData() {
+      var self = this
+      try {
+        var results = await Promise.all([
+          this.pCall(priceTableQueryApi, { pageIndex: 1, pageSize: 1000 }),
+          this.pCall(breedRelationshipQueryApi, { pageIndex: 1, pageSize: 1000 }),
+          this.pCall(workshopQueryApi, { pageIndex: 1, pageSize: 1000 })
+        ])
+        var r1 = (results[0] && results[0].data) ? results[0].data : {}
+        var r2 = (results[1] && results[1].data) ? results[1].data : {}
+        var r3 = (results[2] && results[2].data) ? results[2].data : {}
+        self.priceTableList = (r1.datas && Array.isArray(r1.datas)) ? r1.datas : ((r1.list && Array.isArray(r1.list)) ? r1.list : ((r1.records && Array.isArray(r1.records)) ? r1.records : []))
+        self.productOptions = (r2.datas && Array.isArray(r2.datas)) ? r2.datas : ((r2.list && Array.isArray(r2.list)) ? r2.list : ((r2.records && Array.isArray(r2.records)) ? r2.records : []))
+        self.workshopOptions = (r3.datas && Array.isArray(r3.datas)) ? r3.datas : ((r3.list && Array.isArray(r3.list)) ? r3.list : ((r3.records && Array.isArray(r3.records)) ? r3.records : []))
+      } catch (e) {
+        self.priceTableList = []
+        self.productOptions = []
+        self.workshopOptions = []
+      }
+    },
+    pCall(fn, params) {
+      try {
+        return Promise.resolve(fn(params))
+      } catch (e) {
+        return Promise.reject(e)
+      }
+    },
+    boolText(v) {
+      if (typeof v !== 'boolean') return '-'
+      return v ? '是' : '否'
+    },
+    formatDateOnly(v) {
+      var s = v == null ? '' : String(v).trim()
+      if (!s) return '-'
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    },
+    safeText(v) {
+      var s = v == null ? '' : String(v)
+      return s.trim() ? s : '-'
+    },
+    formatNumber(v) {
+      if (v == null || v === '') return '-'
+      var n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+    },
+    buildAttachmentList() {
+      var ids = this.form.attachmentFileIds
+      var names = this.form.attachmentFileNames
+      var idArr = (typeof ids === 'string' && ids) ? ids.split(',').filter(Boolean) : (Array.isArray(ids) ? ids : [])
+      var nameArr = (typeof names === 'string' && names) ? names.split(',').filter(Boolean) : (Array.isArray(names) ? names : [])
+      var len = Math.max(idArr.length, nameArr.length)
+      var list = []
+      for (var i = 0; i < len; i++) {
+        list.push({ id: idArr[i] || '', name: nameArr[i] || ('附件' + (i + 1)) })
+      }
+      this.attachmentList = list
+    },
+    async loadDetail() {
+      if (!this.id) return
+      try {
+        var res = await procurementPlanDetailApi({ id: this.id })
+        var d = (res && res.data) ? res.data : {}
+        var self = this
+        this.materialConditionConfigs.forEach(function (mc) {
+          var v = d[mc.field]
+          if (typeof v === 'string' && v) {
+            d[mc.field] = v.split(',').filter(Boolean)
+          } else if (!Array.isArray(v)) {
+            d[mc.field] = []
+          }
+        })
+        this.form = d
+        this.lineList = Array.isArray(d.procurementPlanLineList) ? d.procurementPlanLineList : []
+        this.buildAttachmentList()
+      } catch (e) {
+        uni.showToast({ title: '加载详情失败', icon: 'none' })
+      }
+    },
+    onPreviewAttachment(at) {
+      if (!at || !at.id) {
+        uni.showToast({ title: '无法查看', icon: 'none' })
+        return
+      }
+      uni.showToast({ title: '查看附件 ' + at.name, icon: 'none' })
+    },
+    handleButtonClick(btn) {
+      if (!btn || btn.disabled) return
+      var e = btn.event || ''
+      if (e === 'view') return this.onView()
+      if (e === 'supplement') return this.onSupplement()
+      if (e === 'generateContract') return this.onGenerateContract()
+      if (e === 'selectWorkshop') return this.onSelectWorkshop()
+      if (e === 'submitSplit') return this.onSubmitSplit()
+      if (e === 'submitReview') return this.onSubmitReview()
+      if (e === 'abort') return this.onAbort()
+      if (e === 'approve') return this.onApprove()
+      if (e === 'approveDetail') return this.onApproveDetail()
+      if (e === 'print') return this.onPrint()
+      if (e === 'generateBuyoutApply') return this.onGenerateBuyoutApply()
+      if (e === 'abolishBuyoutApply') return this.onAbolishBuyoutApply()
+      if (e === 'viewBuyoutApply') return this.onViewBuyoutApply()
+      if (e === 'uploadAttachment') return this.onUploadAttachment()
+    },
+    onView() {
+      uni.showToast({ title: '查看', icon: 'none' })
+    },
+    onSupplement() {
+      uni.navigateTo({ url: '/pages/domestic-plan/supplement?id=' + this.id })
+    },
+    onGenerateContract() {
+      var self = this
+      var id = this.id || (this.form && this.form.id) || ''
+      if (!id) {
+        uni.showToast({ title: '缺少单据id', icon: 'none' })
+        return
+      }
+      uni.showModal({
+        title: '生成合同',
+        content: '合同生成之后无法再编辑，确定生成吗？',
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (!res || !res.confirm) return
+          uni.showLoading({ title: '生成中', mask: true })
+          procurementPlanGenerateContractApi(id).then(function () {
+            uni.hideLoading()
+            uni.showToast({ title: '生成成功', icon: 'none' })
+            try {
+              uni.setStorageSync('DOMESTIC_PLAN_LIST_NEED_REFRESH', '1')
+              uni.setStorageSync('SUPPLE_PLAN_LIST_NEED_REFRESH', '1')
+            } catch (e) {}
+            self.loadDetail()
+          }).catch(function (e) {
+            uni.hideLoading()
+            uni.showToast({ title: (e && (e.msg || e.message)) ? (e.msg || e.message) : '生成合同失败', icon: 'none' })
+          })
+        }
+      })
+    },
+    refreshListFlags() {
+      try {
+        uni.setStorageSync('DOMESTIC_PLAN_LIST_NEED_REFRESH', '1')
+        uni.setStorageSync('SUPPLE_PLAN_LIST_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' })
+        })
+      }
+      if (opts.skipConfirm) {
+        apiFn()
+        return
+      }
+      uni.showModal({
+        title: title,
+        content: content,
+        confirmText: '确定',
+        cancelText: '取消',
+        success: function (res) {
+          if (!res || !res.confirm) return
+          apiFn()
+        }
+      })
+    },
+    onSelectWorkshop() {
+      uni.showToast({ title: '选择分厂(待对接)', icon: 'none' })
+    },
+    onSubmitSplit() {
+      this.runWithConfirm({
+        title: '提交',
+        content: '提交之后无法再选择分厂，确定提交吗？',
+        loading: '提交中',
+        successText: '提交成功',
+        failText: '提交失败',
+        run: function (id) { return procurementPlanSubmitApi(id) }
+      })
+    },
+    onSubmitReview() {
+      this.runWithConfirm({
+        title: '提交审核',
+        content: '确认提交审核吗？',
+        loading: '提交中',
+        successText: '提交成功',
+        failText: '提交审核失败',
+        run: function (id) { return procurementPlanSubmitAuditApi(id) }
+      })
+    },
+    onAbort() {
+      this.runWithConfirm({
+        title: '中止',
+        content: '若有关联计划，则关联计划会受到影响，是否确认中止？',
+        loading: '中止中',
+        successText: '中止成功',
+        failText: '中止失败',
+        run: function (id) { return procurementPlanStopApi(id) }
+      })
+    },
+    onPrint() {
+      uni.showToast({ title: '打印(待对接)', icon: 'none' })
+    },
+    onGenerateBuyoutApply() {
+      uni.showToast({ title: '生成买断操作申请单(待对接)', icon: 'none' })
+    },
+    onAbolishBuyoutApply() {
+      uni.showToast({ title: '废除买断操作申请单(待对接)', icon: 'none' })
+    },
+    onViewBuyoutApply() {
+      uni.showToast({ title: '查看买断操作申请单(待对接)', icon: 'none' })
+    },
+    onUploadAttachment() {
+      uni.showToast({ title: '上传附件(待对接)', icon: 'none' })
+    },
+    onApprove() {
+      var id = this.id || (this.form && this.form.id) || ''
+      if (!id) return
+      try {
+        uni.setStorageSync('contractType', 'PROCUREMENT_PLAN')
+        uni.setStorageSync('sourceBusinessId', id)
+      } catch (e) {}
+      uni.navigateTo({ url: '/pages/flow/audit' })
+    },
+    onApproveDetail() {
+      var id = this.id || (this.form && this.form.id) || ''
+      if (!id) return
+      try {
+        uni.setStorageSync('contractType', 'PROCUREMENT_PLAN')
+        uni.setStorageSync('sourceBusinessId', id)
+      } catch (e) {}
+      uni.navigateTo({ url: '/pages/flow/audit_detail' })
+    }
+  }
+}
+</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;
+  }
+}
+.material-group {
+  margin-top: 32rpx;
+  &:first-child { margin-top: 0; }
+}
+.material-label {
+  display: block;
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 20rpx;
+}
+.tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+.tag-btn {
+  padding: 12rpx 24rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  color: #999;
+  background: #f5f5f5;
+}
+.tag-btn.active {
+  background: $theme-primary;
+  border-color: $theme-primary;
+  color: #fff;
+}
+.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="plan-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: frozen === 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.code || '-' }}</text>
+              <text :class="['status', `status_${item.approvalStatus}`]">{{ getAuditStatusText(item.approvalStatus) }}</text>
+            </view>
+            <view class="info-row">
+              <text>公司名称</text>
+              <text>{{item.companyShortName || '-' }}</text>
+            </view>
+            <view class="info-row">
+              <text>供应商名称</text>
+              <text>{{ item.supplierName || '-' }}</text>
+            </view>
+            <view class="info-row">
+              <text>数量</text>
+              <text>{{ formatQuantity(item.totalQuantity || 0) }}</text>
+            </view>
+            <view class="info-row">
+              <text>采购处</text>
+              <text>{{ item.purchaseDepartmentName || '-' }}</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.code" placeholder="请输入编号" />
+          </view>
+          <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>
+            <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 { procurementPlanQueryApi } from '@/api/procure-manage/procurementPlan.js'
+
+export default {
+  name: 'DomesticPlan',
+  components: { CardList, FilterModal },
+  data() {
+    return {
+      searchKeyword: '',
+      searchKeywordDebounced: '',
+      searchDebounceTimer: null,
+      frozen: false,
+      tabs: [
+        { label: '未冻结', value: false },
+        { label: '已冻结', value: true }
+      ],
+      query: {
+        code: '',
+        supplierName: '',
+        dateRange: []
+      },
+      extraParams: {},
+      currentItems: [],
+      filterVisible: false,
+      filterForm: {
+        code: '',
+        supplierName: '',
+        dateRange: []
+      },
+      dicOptions: {
+        AUDIT_STATUS: []
+      }
+    }
+  },
+  computed: {
+    extraCombined() {
+      const keyword = this.searchKeywordDebounced || ''
+      return {
+        keyword: keyword || undefined,
+        frozen: this.frozen
+      }
+    }
+  },
+  watch: {
+    extraCombined: {
+      deep: true,
+      handler(v) {
+        this.extraParams = v
+      },
+      immediate: true
+    }
+  },
+  created() {
+    this.loadDicData()
+  },
+  onShow() {
+    let needRefresh = ''
+    try { needRefresh = uni.getStorageSync('DOMESTIC_PLAN_LIST_NEED_REFRESH') } catch (e) {}
+    if (!needRefresh) return
+    try { uni.removeStorageSync('DOMESTIC_PLAN_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) || []
+      } 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
+    },
+    getTotalQuantity(item) {
+      const lines = item && item.procurementPlanLineList && Array.isArray(item.procurementPlanLineList)
+        ? item.procurementPlanLineList
+        : []
+      let total = 0
+      lines.forEach(line => {
+        const q = line && line.quantity != null ? Number(line.quantity) : 0
+        if (!isNaN(q)) total += q
+      })
+      return total
+    },
+    formatQuantity(val) {
+      if (val == null) return '-'
+      try {
+        const num = Number(val)
+        if (isNaN(num)) return '-'
+        return num.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+      } catch (e) {
+        return String(val)
+      }
+    },
+    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.frozen = t.value
+    },
+    openFilter() {
+      this.filterForm = {
+        code: this.query.code || '',
+        supplierName: this.query.supplierName || '',
+        dateRange: Array.isArray(this.query.dateRange) ? this.query.dateRange.slice(0) : []
+      }
+      this.filterVisible = true
+    },
+    onFilterReset(payload) {
+      this.filterForm = payload
+    },
+    onFilterConfirm(payload) {
+      this.query = {
+        code: payload.code || '',
+        supplierName: payload.supplierName || '',
+        dateRange: Array.isArray(payload.dateRange) ? payload.dateRange : []
+      }
+    },
+    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 range = Array.isArray(q.dateRange) ? q.dateRange : []
+      const keyword = e.keyword || ''
+      const params = {
+        pageIndex: pageIndex,
+        pageSize: pageSize,
+        frozen: e.frozen != null ? e.frozen : false,
+        code: q.code || '',
+        supplierName: q.supplierName || '',
+        startDate: range && range.length === 2 ? range[0] : '',
+        endDate: range && range.length === 2 ? range[1] : ''
+      }
+      if (keyword) {
+        if (!params.code) params.code = keyword
+        if (!params.supplierName) params.supplierName = keyword
+      }
+      return procurementPlanQueryApi(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) {
+      uni.navigateTo({ url: '/pages/domestic-plan/detail?id=' + item.id })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+.plan-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="product-rel">
+    <view class="header">
+      <image class="opCollapse" src="/static/images/title.png" />
+      <text class="title">明细信息</text>
+      <view class="ops">
+        <image v-if="mode === 'add' || mode === 'edit'" class="opAdd" @click="onAdd" src="/static/images/plus.png" />
+        <view v-if="mode === '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="mode === 'add' || mode === 'edit'" class="add-list">
+      <view v-for="(item, idx) in items" :key="item._key || idx" class="block">
+        <uni-list v-show="!item.collapsed">
+          <uni-list-item
+            class="select-item"
+            :class="item.productName ? 'is-filled' : 'is-empty'"
+            clickable
+            @click="openSelectSheet('product', idx)"
+            :rightText="item.productName || '请选择品种'"
+            showArrow
+          >
+            <template v-slot:body>
+              <view class="item-title"><text class="required">*</text><text>品种</text></view>
+            </template>
+          </uni-list-item>
+          <uni-list-item title="料型">
+            <template v-slot:footer>
+              <uni-easyinput v-model="item.materialType" :inputBorder="false" placeholder="请输入料型" />
+            </template>
+          </uni-list-item>
+          <uni-list-item title="数量（吨）">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-model="item.quantity"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入数量"
+                @input="onNonNegativeInput(idx, 'quantity')"
+                @blur="onNonNegativeBlur(idx, 'quantity', 4)"
+              />
+            </template>
+          </uni-list-item>
+          <uni-list-item title="实际采购价">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-model="item.actualPurchasePrice"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入实际采购价"
+                @input="onNonNegativeInput(idx, 'actualPurchasePrice')"
+                @blur="onNonNegativeBlur(idx, 'actualPurchasePrice', 2)"
+              />
+            </template>
+          </uni-list-item>
+          <uni-list-item title="含运到厂价">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-if="!isSupplement"
+                v-model="item.includingShippingPrice"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入含运到厂价"
+                @input="onNonNegativeInput(idx, 'includingShippingPrice')"
+                @blur="onNonNegativeBlur(idx, 'includingShippingPrice', 2)"
+              />
+              <text v-else class="lock-value">{{ formatTextNumber(item.includingShippingPrice) }}</text>
+            </template>
+          </uni-list-item>
+          <uni-list-item title="价格表价格">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-model="item.priceListPrices"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入价格表价格"
+                @input="onNonNegativeInput(idx, 'priceListPrices')"
+                @blur="onNonNegativeBlur(idx, 'priceListPrices', 2)"
+              />
+            </template>
+          </uni-list-item>
+          <uni-list-item title="协调幅度">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-if="!isSupplement"
+                v-model="item.coordinationRange"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入协调幅度"
+                @input="onSignedInput(idx, 'coordinationRange')"
+                @blur="onNonNegativeBlur(idx, 'coordinationRange', 2)"
+              />
+              <text v-else class="lock-value">{{ formatTextNumber(item.coordinationRange) }}</text>
+            </template>
+          </uni-list-item>
+          <uni-list-item title="买断料预计损耗">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-model="item.estimatedLoss"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入预计损耗"
+                @input="onNonNegativeInput(idx, 'estimatedLoss')"
+                @blur="onNonNegativeBlur(idx, 'estimatedLoss', 2)"
+              />
+            </template>
+          </uni-list-item>
+          <uni-list-item title="申请损耗（%）">
+            <template v-slot:footer>
+              <uni-easyinput
+                v-model="item.applicationAttrition"
+                type="digit"
+                :inputBorder="false"
+                placeholder="请输入申请损耗"
+                @input="onNonNegativeInput(idx, 'applicationAttrition')"
+                @blur="onNonNegativeBlur(idx, 'applicationAttrition', 2)"
+              />
+            </template>
+          </uni-list-item>
+          <uni-list-item
+            class="select-item"
+            :class="item.workshopName ? 'is-filled' : 'is-empty'"
+            clickable
+            @click="openSelectSheet('workshop', idx)"
+            :rightText="item.workshopName || '请选择分厂'"
+            showArrow
+          >
+            <template v-slot:body>
+              <view class="item-title"><text class="required">*</text><text>选择分厂</text></view>
+            </template>
+          </uni-list-item>
+        </uni-list>
+        <uni-list v-show="item.collapsed">
+          <uni-list-item
+            class="select-item"
+            :class="item.productName ? 'is-filled' : 'is-empty'"
+            clickable
+            @click="openSelectSheet('product', idx)"
+            :rightText="item.productName || '请选择品种'"
+            showArrow
+          >
+            <template v-slot:body>
+              <view class="item-title"><text class="required">*</text><text>品种</text></view>
+            </template>
+          </uni-list-item>
+        </uni-list>
+        <view class="block-ops">
+          <div class="del" @click="onRemove(idx)">
+            <image src="/static/images/delete.png" class="icon" />
+            删除
+          </div>
+          <div class="toggle" @click="toggleItem(idx)">
+            <image :src="item.collapsed ? '/static/images/up.png' : '/static/images/down.png'" class="icon" />
+            {{ item.collapsed ? '展开' : '收起' }}
+          </div>
+        </view>
+      </view>
+    </view>
+
+    <view v-else class="view-list" v-show="!collapsedView">
+      <view v-if="!items.length" class="empty-tip">暂无明细</view>
+      <view v-for="(item, idx) in items" :key="'v-' + (item._key || item.itemId || idx)" class="card">
+        <view class="row"><text class="label">品种</text><text class="value">{{ safeText(item.productName || item.productId) }}</text></view>
+        <view class="row"><text class="label">料型</text><text class="value">{{ safeText(item.materialType) }}</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.actualPurchasePrice) }}</text></view>
+        <view class="row"><text class="label">含运到厂价</text><text class="value">{{ formatNumber(item.includingShippingPrice) }}</text></view>
+        <view class="row"><text class="label">价格表价格</text><text class="value">{{ formatNumber(item.priceListPrices) }}</text></view>
+        <view class="row"><text class="label">协调幅度</text><text class="value">{{ formatNumber(item.coordinationRange) }}</text></view>
+        <view class="row"><text class="label">买断料预计损耗</text><text class="value">{{ formatNumber(item.estimatedLoss) }}</text></view>
+        <view class="row"><text class="label">申请损耗（%）</text><text class="value">{{ formatNumber(item.applicationAttrition) }}</text></view>
+        <view class="row"><text class="label">分厂</text><text class="value">{{ safeText(item.workshopName || item.workshopId) }}</text></view>
+      </view>
+    </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'
+
+export default {
+  name: 'DomesticPlanProductRel',
+  props: {
+    mode: { type: String, default: 'view' },
+    scene: { type: String, default: '' },
+    list: { type: Array, default: function () { return [] } },
+    max: { type: Number, default: 50 },
+    productOptions: { type: Array, default: function () { return [] } },
+    workshopOptions: { type: Array, default: function () { return [] } }
+  },
+  components: { SingleSelectSheet },
+  data() {
+    return {
+      items: [],
+      collapsedView: false,
+      sheet: { visible: false, title: '请选择', options: [], value: '', idx: -1, type: '' },
+      _initialized: false
+    }
+  },
+  computed: {
+    isSupplement() { return this.scene === 'supplement' },
+    productOptsComputed() {
+      var list = Array.isArray(this.productOptions) ? this.productOptions : []
+      return list.map(function (o) {
+        return {
+          label: o.label != null ? o.label : (o.name != null ? o.name : (o.productName || '')),
+          value: o.value != null ? o.value : (o.id != null ? o.id : o.productId)
+        }
+      })
+    },
+    workshopOptsComputed() {
+      var list = Array.isArray(this.workshopOptions) ? this.workshopOptions : []
+      return list.map(function (o) {
+        return {
+          label: o.label != null ? o.label : (o.name != null ? o.name : (o.workshopName || '')),
+          value: o.value != null ? o.value : (o.id != null ? o.id : o.workshopId)
+        }
+      })
+    }
+  },
+  watch: {
+    items: {
+      handler() { this.emitChange() },
+      deep: true
+    },
+    list: {
+      handler(v) {
+        this._initialized = false
+        this.initItems()
+        var self = this
+        this.$nextTick(function () { self._initialized = true })
+      },
+      immediate: false
+    }
+  },
+  created() {
+    this.initItems()
+    var self = this
+    this.$nextTick(function () { self._initialized = true })
+  },
+  methods: {
+    initItems() {
+      var src = Array.isArray(this.list) && this.list.length > 0 ? this.list : []
+      if (!src.length) {
+        if (this.mode === 'add' || this.mode === 'edit') {
+          this.items = [Object.assign({}, this.defaultItem(), { _key: this.newKey(), collapsed: false })]
+        } else {
+          this.items = []
+        }
+        return
+      }
+      var existing = this.items || []
+      var existingMap = {}
+      existing.forEach(function (it) {
+        if (it.itemId) existingMap[it.itemId] = it
+      })
+      var self = this
+      this.items = src.map(function (x, i) {
+        var key = x && x.itemId ? x.itemId : (x && x._key ? x._key : self.newKey())
+        var old = existingMap[key]
+        return Object.assign({}, self.defaultItem(), x, {
+          _key: key,
+          itemId: x && x.itemId ? x.itemId : key,
+          collapsed: old ? old.collapsed : true
+        })
+      })
+    },
+    newKey() {
+      return Date.now() + '-' + Math.random().toString(16).slice(2)
+    },
+    defaultItem() {
+      return {
+        productId: '',
+        productName: '',
+        materialType: '',
+        quantity: '',
+        actualPurchasePrice: '',
+        includingShippingPrice: '',
+        priceListPrices: '',
+        coordinationRange: '',
+        estimatedLoss: '',
+        applicationAttrition: '',
+        workshopId: '',
+        workshopName: ''
+      }
+    },
+    onNonNegativeInput(idx, field) {
+      var it = this.items[idx]
+      if (!it) return
+      var v = String(it[field] != null ? it[field] : '')
+      v = v.replace(/[^0-9.]/g, '')
+      v = v.replace(/(\..*)\./g, '$1')
+      it[field] = v
+      this.$set(this.items, idx, it)
+    },
+    onSignedInput(idx, field) {
+      var it = this.items[idx]
+      if (!it) return
+      var v = String(it[field] != null ? it[field] : '')
+      var sign = ''
+      if (v.charAt(0) === '-') { sign = '-'; v = v.slice(1) }
+      v = v.replace(/[^0-9.]/g, '')
+      v = v.replace(/(\..*)\./g, '$1')
+      it[field] = sign + v
+      this.$set(this.items, idx, it)
+    },
+    onNonNegativeBlur(idx, field, digits) {
+      var it = this.items[idx]
+      if (!it) return
+      var raw = it[field]
+      if (raw === '' || raw === null || raw === undefined) {
+        this.$set(this.items, idx, it)
+        return
+      }
+      var val = parseFloat(raw)
+      if (isNaN(val)) val = 0
+      var m = Math.pow(10, digits)
+      var rounded = Math.round(val * m) / m
+      it[field] = rounded
+      this.$set(this.items, idx, it)
+    },
+    onAdd() {
+      if (this.items.length >= this.max) {
+        uni.showToast({ title: '最多' + this.max + '条明细', icon: 'none' })
+        return
+      }
+      this.items.push(Object.assign({}, this.defaultItem(), { _key: this.newKey(), collapsed: false }))
+    },
+    onRemove(idx) {
+      this.items.splice(idx, 1)
+      if ((this.mode === 'add' || this.mode === 'edit') && this.items.length === 0) {
+        this.items.push(Object.assign({}, this.defaultItem(), { _key: this.newKey(), collapsed: false }))
+      }
+    },
+    toggleItem(idx) {
+      var it = this.items[idx]
+      if (!it) return
+      this.$set(it, 'collapsed', !it.collapsed)
+    },
+    toggleViewCollapse() {
+      this.collapsedView = !this.collapsedView
+    },
+    openSelectSheet(type, idx) {
+      if (type === 'product') {
+        var pOpts = this.productOptsComputed
+        var curP = this.items[idx] && this.items[idx].productId
+        var mP = pOpts.find(function (o) { return String(o.value) === String(curP) })
+        this.sheet = { visible: true, title: '请选择品种', options: pOpts, value: mP ? mP.value : '', idx: idx, type: type }
+      } else if (type === 'workshop') {
+        var wOpts = this.workshopOptsComputed
+        var curW = this.items[idx] && this.items[idx].workshopId
+        var mW = wOpts.find(function (o) { return String(o.value) === String(curW) })
+        this.sheet = { visible: true, title: '请选择分厂', options: wOpts, value: mW ? mW.value : '', idx: idx, type: type }
+      }
+    },
+    onSheetConfirm(_ref) {
+      var value = _ref.value
+      var label = _ref.label
+      var idx = this.sheet.idx
+      var type = this.sheet.type
+      if (idx < 0 || !this.items[idx]) return
+      var it = this.items[idx]
+      if (type === 'product') {
+        this.$set(it, 'productId', value)
+        this.$set(it, 'productName', label)
+      } else if (type === 'workshop') {
+        this.$set(it, 'workshopId', value)
+        this.$set(it, 'workshopName', label)
+      }
+    },
+    emitChange() {
+      if (!this._initialized) return
+      var list = (this.items || []).map(function (it) {
+        var c = Object.assign({}, it)
+        var key = c._key
+        delete c._key
+        delete c.collapsed
+        delete c._selected
+        if (!c.itemId) c.itemId = key
+        return c
+      })
+      this.$emit('change', list)
+    },
+    safeText(v) {
+      var s = v == null ? '' : String(v)
+      return s.trim() ? s : '-'
+    },
+    formatNumber(v) {
+      if (v == null || v === '') return '-'
+      var n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+    },
+    formatTextNumber(v) {
+      if (v == null || v === '') return '-'
+      var n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+    },
+    validate() {
+      var list = this.items || []
+      for (var i = 0; i < list.length; i++) {
+        var it = list[i]
+        if (!it.productId) {
+          uni.showToast({ title: '第' + (i + 1) + '条明细：请选择品种', icon: 'none' })
+          return false
+        }
+        if (!it.workshopId) {
+          uni.showToast({ title: '第' + (i + 1) + '条明细：请选择分厂', icon: 'none' })
+          return false
+        }
+      }
+      return true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.product-rel {
+  margin-top: 20rpx;
+  background: #fff;
+}
+.header {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 32rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.title {
+  font-size: 32rpx;
+  color: rgba(0, 0, 0, 0.9);
+  font-weight: 600;
+}
+.ops {
+  margin-left: auto;
+}
+.op {
+  color: $theme-primary;
+  font-size: 28rpx;
+  margin-left: 8rpx;
+}
+.op1 {
+  display: flex;
+  align-items: center;
+}
+.opAdd {
+  color: rgba(0, 0, 0, 0.6);
+  width: 40rpx;
+  height: 40rpx;
+}
+.opCollapse {
+  color: rgba(0, 0, 0, 0.6);
+  width: 32rpx;
+  height: 28rpx;
+  margin-right: 16rpx;
+  margin-top: 8rpx;
+}
+.block {
+  background: #fff;
+  margin-bottom: 20rpx;
+}
+::v-deep .uni-list-item__content {
+  display: flex;
+  justify-content: center;
+}
+::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 {
+    &__container { padding: 32rpx; }
+    &__content-title {
+      font-size: 28rpx;
+      color: rgba(0, 0, 0, 0.9);
+    }
+    &__extra-text { font-size: 32rpx; }
+    .uni-easyinput {
+      width: 100%;
+      &__placeholder-class {
+        font-size: 32rpx;
+        color: rgba(0, 0, 0, 0.4);
+      }
+      &__content {
+        border: none;
+        background-color: #ffffff !important;
+        display: flex;
+        &-input {
+          padding-left: 0 !important;
+          height: 48rpx;
+          line-height: 48rpx;
+          font-size: 32rpx;
+        }
+      }
+    }
+    &.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; }
+      }
+    }
+  }
+}
+
+::v-deep .uni-easyinput {
+  width: 100%;
+  &__content {
+    background: #f8f8f8 !important;
+    border-radius: 8rpx;
+    &-input { font-size: 30rpx; }
+  }
+}
+.block-ops {
+  display: flex;
+  padding: 20rpx 32rpx 20rpx;
+  justify-content: space-around;
+}
+.del {
+  color: #D54941;
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  image { width: 40rpx; height: 40rpx; }
+}
+.toggle {
+  color: $theme-primary;
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  image { width: 40rpx; height: 40rpx; }
+}
+.view-list {
+  padding: 24rpx 32rpx;
+  background: #ffffff;
+}
+.empty-tip {
+  text-align: center;
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.4);
+  padding: 24rpx 0;
+}
+.card {
+  background: #f3f3f3;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+}
+.row {
+  display: flex;
+  margin-bottom: 20rpx;
+}
+.row:last-child { margin-bottom: 0; }
+.label {
+  width: 260rpx;
+  color: rgba(0, 0, 0, 0.6);
+  font-size: 28rpx;
+}
+.value {
+  flex: 1;
+  color: rgba(0, 0, 0, 0.9);
+  font-size: 28rpx;
+  word-break: break-all;
+}
+.item-title {
+  position: relative;
+  width: 210rpx;
+  margin-right: 32rpx;
+  color: rgba(0, 0, 0, 0.9);
+  font-size: 32rpx;
+  min-height: 48rpx;
+  line-height: 48rpx;
+  .required {
+    color: red;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: -16rpx;
+  }
+}
+.lock-value {
+  flex: 1;
+  text-align: right;
+  font-size: 32rpx;
+  color: rgba(0, 0, 0, 0.85);
+  padding: 8rpx 0;
+}
+</style>

+<template>
+  <view class="page">
+    <scroll-view scroll-y class="scroll">
+      <uni-list>
+        <uni-list-item class="select-item" :class="detail.code ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>编号</text></view>
+          </template>
+          <template v-slot:footer>
+            <view class="serial-number-row">
+              <text class="readonly-text value-code">{{ safeText(detail.code) }}</text>
+            </view>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="form.companyId ? 'is-filled' : 'is-empty'" clickable
+          @click="openCompanySheet" :rightText="form.companyName || '请选择公司名称'" showArrow>
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>公司名称</text></view>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="供应商名称">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.supplierName" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="采购处">
+          <template v-slot:footer>
+            <uni-easyinput v-model="purchaseDepartmentDisplay" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="区域">
+          <template v-slot:footer>
+            <uni-easyinput v-model="regionDisplay" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item>
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>日期</text></view>
+          </template>
+          <template v-slot:footer>
+            <uni-datetime-picker type="date" v-model="form.date" return-type="string" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="报价时效">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.validityPeriod" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="报价人">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.quoterName" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.longTermOperation === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否长单操作</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.longTermOperation) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.terminalCustomer === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否终端客户</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.terminalCustomer) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.priced === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否未点价</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.priced) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item v-if="detail.priced === true" title="点价截止日期">
+          <template v-slot:footer>
+            <uni-easyinput v-model="pricingDeadlineDisplay" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item v-if="detail.priced === true" class="select-item" :class="typeof detail.temporaryPrice === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否暂定价</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.temporaryPrice) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.otherExpenseSettlement === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>其他费用凭票到厂另行结算</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.otherExpenseSettlement) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="detail.deliveryMode ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>交提货方式</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ getDeliveryMethodLabel() }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.commodityBuyout === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否通货买断</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.commodityBuyout) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.qualityBuyout === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否质量买断</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.qualityBuyout) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.quantityBuyout === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否数量买断</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.quantityBuyout) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="typeof detail.doorDelivery === 'boolean' ? 'is-filled' : 'is-empty'">
+          <template v-slot:body>
+            <view class="item-title"><text>是否送货上门</text></view>
+          </template>
+          <template v-slot:footer>
+            <text class="readonly-text">{{ boolText(detail.doorDelivery) }}</text>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="另付运费">
+          <template v-slot:footer>
+            <uni-easyinput
+              v-model="form.shippingCost"
+              type="digit"
+              :inputBorder="false"
+              placeholder="请输入另付运费"
+              @input="onShippingCostInput"
+              @blur="onShippingCostBlur"
+            />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="装车费">
+          <template v-slot:footer>
+            <uni-easyinput v-model="loadingFeeDisplay" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="开票品名">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.invoiceProductName" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="交货日期">
+          <template v-slot:footer>
+            <uni-easyinput v-model="deliveryDateDisplay" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="结算方式">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.settlementMethod" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="结算比例(%)">
+          <template v-slot:footer>
+            <uni-easyinput v-model="settlementRatioDisplay" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item class="select-item" :class="form.priceTableId || form.priceTableCode ? 'is-filled' : 'is-empty'" clickable
+          @click="openPriceTableSheet" :rightText="form.priceTableCodeLabel || '请选择价格表编号'" showArrow>
+          <template v-slot:body>
+            <view class="item-title"><text class="required">*</text><text>价格表编号</text></view>
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="协调事由">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.coordinationReason" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item title="票类状况">
+          <template v-slot:footer>
+            <uni-easyinput v-model="detail.invoiceTypeStatus" :inputBorder="false" disabled placeholder="-" />
+          </template>
+        </uni-list-item>
+
+        <uni-list-item v-if="attachmentList.length" title="附件">
+          <template v-slot:footer>
+            <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>
+          </template>
+        </uni-list-item>
+
+        <ProductRel
+          ref="productRel"
+          mode="edit"
+          :scene="supplementScene"
+          :list="lineList"
+          :product-options="productOptions"
+          :workshop-options="workshopOptions"
+          @change="onLineChange"
+        />
+      </uni-list>
+
+      <view class="material-condition-section">
+        <view class="section-header">
+          <image class="opCollapse" src="/static/images/title.png" />
+          <text class="section-title">料质状况</text>
+        </view>
+        <view class="section-content">
+          <view class="form-row">
+            <text class="form-label">是否启用料质状况</text>
+            <text class="form-value">{{ boolText(detail.materialConditionEnabled) }}</text>
+          </view>
+          <template v-if="detail.materialConditionEnabled">
+            <view v-for="mc in materialConditionConfigs" :key="mc.field" class="material-group">
+              <text class="material-label">{{ mc.label }}</text>
+              <view class="tag-list">
+                <view
+                  v-for="opt in getDictOptions(mc.dictCode)"
+                  :key="opt.code"
+                  class="tag-btn"
+                  :class="{ active: isTagSelected(mc.field, opt.code) }"
+                >
+                  {{ opt.name }}
+                </view>
+              </view>
+            </view>
+          </template>
+        </view>
+      </view>
+
+      <view class="remark-section">
+        <view class="section-header">
+          <image class="opCollapse" src="/static/images/title.png" />
+          <text class="section-title">备注</text>
+        </view>
+        <view class="section-content">
+          <text class="remark-text">{{ safeText(detail.remark) }}</text>
+        </view>
+      </view>
+
+      <view class="footer-tip">提示：含运到厂价 = 实际采购价 + 另付运费；协调幅度 = 含运到厂价 + 买断料预计损耗 - 价格表价格</view>
+    </scroll-view>
+
+    <view class="bottom-bar">
+      <button class="btn btn-outline" @click="onBack">取消</button>
+      <button class="btn btn-primary" @click="onSubmit">保存</button>
+    </view>
+
+    <RelateSelectSheet
+      v-if="companySheetVisible"
+      :visible.sync="companySheetVisible"
+      title="选择公司"
+      :fetch-fn="fetchCompanyList"
+      :display-fields="companyDisplayFields"
+      :page-size="20"
+      :multiple="false"
+      row-key="id"
+      @confirm="onCompanyConfirm"
+    />
+    <RelateSelectSheet
+      v-if="priceSheetVisible"
+      :visible.sync="priceSheetVisible"
+      title="选择价格表"
+      :fetch-fn="fetchPriceTableList"
+      :display-fields="priceTableDisplayFields"
+      :page-size="20"
+      :multiple="false"
+      row-key="id"
+      @confirm="onPriceTableConfirm"
+    />
+  </view>
+</template>
+
+<script>
+import ProductRel from './productRel.vue'
+import RelateSelectSheet from '@/components/relate-select/index.vue'
+import { procurementPlanDetailApi, procurementPlanUpdateApi } from '@/api/procure-manage/procurementPlan.js'
+import {
+  companyShortQueryApi,
+  priceTableQueryApi,
+  priceTableDetailApi,
+  breedRelationshipQueryApi,
+  workshopQueryApi
+} from '@/api/devManage.js'
+import { getDicByCodes, getDicName } from '@/utils/dic.js'
+
+export default {
+  name: 'DomesticPlanSupplement',
+  components: { ProductRel, RelateSelectSheet },
+  data() {
+    return {
+      supplementScene: 'supplement',
+      id: '',
+      detail: {},
+      attachmentList: [],
+      materialConditionConfigs: [
+        { field: 'materialConditionCopperRice', label: '铜米', dictCode: 'COPPER_RICE' },
+        { field: 'materialConditionBrightCopper', label: '光亮铜', dictCode: 'BRIGHT_COPPER' },
+        { field: 'materialConditionFirstClass', label: '一特', dictCode: 'FIRST_CLASS' },
+        { field: 'materialConditionSecondClass', label: '二特', dictCode: 'SECOND_CLASS' },
+        { field: 'materialConditionTinCoated', label: '镀锡紫', dictCode: 'TIN_COATED' },
+        { field: 'materialConditionScrap', label: '角料', dictCode: 'SCRAP' },
+        { field: 'materialConditionWhiteYellow', label: '镀白黄', dictCode: 'WHITE_YELLOW' },
+        { field: 'materialConditionPhosphorCopper', label: '磷铜', dictCode: 'PHOSPHOR_COPPER' }
+      ],
+      dicOptions: {
+        AUDIT_STATUS: [],
+        PROCESS_STATUS: [],
+        DELIVERY_METHOD: []
+      },
+      dictData: {},
+      form: {
+        id: '',
+        companyId: '',
+        companyName: '',
+        date: '',
+        shippingCost: '',
+        priceTableId: '',
+        priceTableCode: '',
+        priceTableCodeLabel: ''
+      },
+      lineList: [],
+      productOptions: [],
+      workshopOptions: [],
+      priceTableList: [],
+      companySheetVisible: false,
+      priceSheetVisible: false,
+      companyDisplayFields: [
+        { label: '公司简称', field: 'companyShortName' },
+        { label: '公司名称', field: 'companyName' },
+        { label: '编码', field: 'code' }
+      ],
+      priceTableDisplayFields: [
+        { label: '价格表编号', field: 'priceTableCode' },
+        { label: '名称', field: 'priceTableName' },
+        { label: '日期', field: 'effectiveDate' }
+      ]
+    }
+  },
+  computed: {
+    shippingCostNumber() {
+      var v = this.form.shippingCost
+      if (v == null || v === '') return 0
+      var n = Number(v)
+      return isNaN(n) ? 0 : n
+    },
+    purchaseDepartmentDisplay() {
+      var d = this.detail || {}
+      return d.purchaseDepartmentName != null ? d.purchaseDepartmentName : (d.purchaseDepartment != null ? d.purchaseDepartment : '')
+    },
+    regionDisplay() {
+      var d = this.detail || {}
+      return d.regionName != null ? d.regionName : (d.region != null ? d.region : '')
+    },
+    pricingDeadlineDisplay() {
+      var d = this.detail || {}
+      var s = d.pricingDeadline == null ? '' : String(d.pricingDeadline).trim()
+      if (!s) return ''
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    },
+    deliveryDateDisplay() {
+      var d = this.detail || {}
+      var s = d.deliveryDate == null ? '' : String(d.deliveryDate).trim()
+      if (!s) return ''
+      if (s.length >= 10) return s.slice(0, 10)
+      return s
+    },
+    loadingFeeDisplay() {
+      var v = (this.detail || {}).loadingFee
+      if (v == null || v === '') return ''
+      var n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+    },
+    settlementRatioDisplay() {
+      var v = (this.detail || {}).settlementRatio
+      if (v == null || v === '') return ''
+      var n = Number(v)
+      if (isNaN(n)) return String(v)
+      return n.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+    }
+  },
+  onLoad(query) {
+    this.id = (query && query.id) ? query.id : ''
+    this.loadDictData()
+    this.loadRefData()
+    if (this.id) {
+      this.loadSourceDetail()
+    }
+  },
+  methods: {
+    toNumber(v) {
+      if (v == null || v === '') return 0
+      var n = Number(v)
+      return isNaN(n) ? 0 : n
+    },
+    toFixed(v, n) {
+      var num = Number(v)
+      if (isNaN(num)) return ''
+      return num.toFixed(n)
+    },
+    safeText(v) {
+      var s = v == null ? '' : String(v)
+      return s.trim() ? s : '-'
+    },
+    boolText(v) {
+      if (typeof v !== 'boolean') return '-'
+      return v ? '是' : '否'
+    },
+    async loadDictData() {
+      var codes = [].concat(
+        this.materialConditionConfigs.map(function (mc) { return mc.dictCode }),
+        ['DELIVERY_METHOD', 'AUDIT_STATUS', 'PROCESS_STATUS']
+      )
+      try {
+        var results = await getDicByCodes(codes)
+        var d = results || {}
+        this.dictData = d
+        this.dicOptions.AUDIT_STATUS = (d.AUDIT_STATUS && d.AUDIT_STATUS.data) || []
+        this.dicOptions.PROCESS_STATUS = (d.PROCESS_STATUS && d.PROCESS_STATUS.data) || []
+        this.dicOptions.DELIVERY_METHOD = (d.DELIVERY_METHOD && d.DELIVERY_METHOD.data) || []
+      } catch (e) {
+        this.dictData = {}
+      }
+    },
+    getDictOptions(dictCode) {
+      var data = this.dictData[dictCode]
+      return (data && data.data) ? data.data : []
+    },
+    isTagSelected(field, code) {
+      var selected = this.detail ? this.detail[field] : undefined
+      if (Array.isArray(selected)) return selected.indexOf(code) >= 0
+      if (typeof selected === 'string' && selected) {
+        return selected.split(',').indexOf(code) >= 0
+      }
+      return false
+    },
+    getDeliveryMethodLabel() {
+      var opts = this.getDictOptions('DELIVERY_METHOD') || []
+      var v = String(this.detail.deliveryMode != null ? this.detail.deliveryMode : '')
+      if (!v) return '-'
+      for (var i = 0; i < opts.length; i++) {
+        var o = opts[i]
+        var code = o.code != null ? String(o.code) : (o.value != null ? String(o.value) : '')
+        if (code === v) return o.name || o.label || '-'
+      }
+      return v
+    },
+    buildAttachmentList() {
+      var ids = this.detail.attachmentFileIds
+      var names = this.detail.attachmentFileNames
+      var idArr = (typeof ids === 'string' && ids) ? ids.split(',').filter(Boolean) : (Array.isArray(ids) ? ids : [])
+      var nameArr = (typeof names === 'string' && names) ? names.split(',').filter(Boolean) : (Array.isArray(names) ? names : [])
+      var len = Math.max(idArr.length, nameArr.length)
+      var list = []
+      for (var i = 0; i < len; i++) {
+        list.push({ id: idArr[i] || '', name: nameArr[i] || ('附件' + (i + 1)) })
+      }
+      this.attachmentList = list
+    },
+    onPreviewAttachment(at) {
+      if (!at || !at.id) {
+        uni.showToast({ title: '无法查看', icon: 'none' })
+        return
+      }
+      uni.showToast({ title: '查看附件 ' + at.name, icon: 'none' })
+    },
+    async loadSourceDetail() {
+      if (!this.id) return
+      try {
+        var res = await procurementPlanDetailApi({ id: this.id })
+        var d = (res && res.data) ? res.data : {}
+        var self = this
+        this.materialConditionConfigs.forEach(function (mc) {
+          var v = d[mc.field]
+          if (typeof v === 'string' && v) {
+            d[mc.field] = v.split(',').filter(Boolean)
+          } else if (!Array.isArray(v)) {
+            d[mc.field] = []
+          }
+        })
+        this.detail = d
+        var date = ''
+        if (d.date) {
+          var s = String(d.date)
+          date = s.length >= 10 ? s.slice(0, 10) : s
+        }
+        this.form.id = d.id || ''
+        this.form.companyId = d.companyId || ''
+        this.form.companyName = d.companyShortName || d.companyName || ''
+        this.form.date = date
+        var sc = d.shippingCost
+        if (sc != null && sc !== '') {
+          this.form.shippingCost = this.toFixed(sc, 2)
+        }
+        this.lineList = Array.isArray(d.procurementPlanLineList) ? d.procurementPlanLineList.slice() : []
+        this.buildAttachmentList()
+        this.refreshLinesFromShipping()
+        this.loadLatestPriceTableAndApply()
+      } catch (e) {
+        uni.showToast({ title: '加载报价单失败', icon: 'none' })
+      }
+    },
+    async loadRefData() {
+      try {
+        var results = await Promise.all([
+          this.$pCall(breedRelationshipQueryApi, { pageIndex: 1, pageSize: 1000 }),
+          this.$pCall(workshopQueryApi, { pageIndex: 1, pageSize: 1000 })
+        ])
+        var r1 = (results[0] && results[0].data) ? results[0].data : {}
+        var r2 = (results[1] && results[1].data) ? results[1].data : {}
+        this.productOptions = (r1.datas && Array.isArray(r1.datas)) ? r1.datas : ((r1.list && Array.isArray(r1.list)) ? r1.list : ((r1.records && Array.isArray(r1.records)) ? r1.records : []))
+        this.workshopOptions = (r2.datas && Array.isArray(r2.datas)) ? r2.datas : ((r2.list && Array.isArray(r2.list)) ? r2.list : ((r2.records && Array.isArray(r2.records)) ? r2.records : []))
+      } catch (e) {
+        this.productOptions = []
+        this.workshopOptions = []
+      }
+    },
+    $pCall(fn, params) {
+      try { return Promise.resolve(fn(params)) } catch (e) { return Promise.reject(e) }
+    },
+    fetchCompanyList(args) {
+      var extra = (args && args.extra) ? args.extra : {}
+      var keyword = extra.keyword || extra.name || ''
+      var params = { pageIndex: args.pageIndex || 1, pageSize: args.pageSize || 20 }
+      if (keyword) params.name = keyword
+      var self = this
+      return companyShortQueryApi(params).then(function (res) {
+        var d = (res && res.data) ? res.data : {}
+        var records = (d.datas && Array.isArray(d.datas)) ? d.datas : ((d.records && Array.isArray(d.records)) ? d.records : ((d.list && Array.isArray(d.list)) ? d.list : []))
+        var total = d.totalCount || d.count || (records ? records.length : 0)
+        var hasNext = !!d.hasNext
+        return { records: records, totalCount: total, hasNext: hasNext }
+      }).catch(function () {
+        return { records: [], totalCount: 0, hasNext: false }
+      })
+    },
+    fetchPriceTableList(args) {
+      var extra = (args && args.extra) ? args.extra : {}
+      var keyword = extra.keyword || extra.name || ''
+      var params = { pageIndex: args.pageIndex || 1, pageSize: args.pageSize || 20 }
+      if (keyword) params.name = keyword
+      var self = this
+      return priceTableQueryApi(params).then(function (res) {
+        var d = (res && res.data) ? res.data : {}
+        var records = (d.datas && Array.isArray(d.datas)) ? d.datas : ((d.records && Array.isArray(d.records)) ? d.records : ((d.list && Array.isArray(d.list)) ? d.list : []))
+        var total = d.totalCount || d.count || (records ? records.length : 0)
+        var hasNext = !!d.hasNext
+        return { records: records, totalCount: total, hasNext: hasNext }
+      }).catch(function () {
+        return { records: [], totalCount: 0, hasNext: false }
+      })
+    },
+    openCompanySheet() {
+      this.companySheetVisible = true
+    },
+    openPriceTableSheet() {
+      this.priceSheetVisible = true
+    },
+    onCompanyConfirm(e) {
+      var items = (e && e.items) ? e.items : []
+      if (!items.length) return
+      var row = items[0] || {}
+      this.form.companyId = row.id || ''
+      this.form.companyName = row.companyShortName || row.companyName || row.name || ''
+    },
+    onPriceTableConfirm(e) {
+      var items = (e && e.items) ? e.items : []
+      if (!items.length) return
+      var row = items[0] || {}
+      this.selectPriceTableRow(row)
+    },
+    selectPriceTableRow(row) {
+      this.form.priceTableId = row.id || ''
+      this.form.priceTableCode = row.priceTableCode || row.code || ''
+      var code = row.priceTableCode || row.code || ''
+      var name = row.priceTableName || row.name || ''
+      this.form.priceTableCodeLabel = name ? (name + (code ? ' (' + code + ')' : '')) : code
+      if (this.form.priceTableId) {
+        this.fetchPriceDetailAndApply(this.form.priceTableId)
+      }
+    },
+    async loadLatestPriceTableAndApply() {
+      var self = this
+      try {
+        var res = await priceTableQueryApi({ pageIndex: 1, pageSize: 1, orderByColumn: 'createTime desc,id desc' })
+        var d = (res && res.data) ? res.data : {}
+        var list = (d.datas && Array.isArray(d.datas)) ? d.datas : ((d.records && Array.isArray(d.records)) ? d.records : ((d.list && Array.isArray(d.list)) ? d.list : []))
+        if (!list || !list.length) return
+        var row = list[0]
+        self.selectPriceTableRow(row)
+      } catch (e) {
+        return
+      }
+    },
+    async fetchPriceDetailAndApply(priceId) {
+      if (!priceId) return
+      var self = this
+      try {
+        var res = await priceTableDetailApi({ id: priceId })
+        var d = (res && res.data) ? res.data : {}
+        var priceLines = self.extractPriceLines(d)
+        self.applyPriceLinesToLines(priceLines)
+      } catch (e) {
+        return
+      }
+    },
+    extractPriceLines(priceDetail) {
+      if (!priceDetail || typeof priceDetail !== 'object') return []
+      var candidates = [
+        priceDetail.procurementPriceLineList,
+        priceDetail.priceLineList,
+        priceDetail.priceList,
+        priceDetail.lineList,
+        priceDetail.datas,
+        priceDetail.records,
+        priceDetail.list
+      ]
+      for (var i = 0; i < candidates.length; i++) {
+        if (Array.isArray(candidates[i]) && candidates[i].length) return candidates[i]
+      }
+      for (var k in priceDetail) {
+        if (!Object.prototype.hasOwnProperty.call(priceDetail, k)) continue
+        if (Array.isArray(priceDetail[k])) {
+          var arr = priceDetail[k]
+          if (arr.length && arr[0] && typeof arr[0] === 'object' && (arr[0].price != null || arr[0].productId != null || arr[0].breedId != null || arr[0].varietyId != null)) {
+            return arr
+          }
+        }
+      }
+      return []
+    },
+    applyPriceLinesToLines(priceLines) {
+      if (!Array.isArray(this.lineList)) return
+      var priceMap = this.buildPriceMap(priceLines)
+      var self = this
+      this.lineList = this.lineList.map(function (row) {
+        var pid = String(row.productId || row.breedId || row.varietyId || '')
+        var price = null
+        if (pid && priceMap[pid] != null) {
+          price = priceMap[pid].price
+        } else {
+          var pname = (row.productName || '').trim()
+          if (pname) {
+            for (var k in priceMap) {
+              if (!Object.prototype.hasOwnProperty.call(priceMap, k)) continue
+              var meta = priceMap[k] && priceMap[k].meta ? priceMap[k].meta : null
+              if (meta && ((meta.productName && meta.productName === pname) || (meta.breedName && meta.breedName === pname) || (meta.varietyName && meta.varietyName === pname))) {
+                price = priceMap[k].price
+                break
+              }
+            }
+          }
+        }
+        if (price != null) {
+          row.priceListPrices = self.toFixed(price, 2)
+        }
+        return row
+      })
+      this.refreshLinesFromShipping()
+      this.notifyLineChange()
+    },
+    buildPriceMap(priceLines) {
+      var m = {}
+      if (!Array.isArray(priceLines)) return m
+      for (var i = 0; i < priceLines.length; i++) {
+        var line = priceLines[i] || {}
+        if (line.price == null) continue
+        var key = String(line.productId || line.breedId || line.varietyId || line.id || ('__idx_' + i))
+        m[key] = { price: Number(line.price), meta: line }
+      }
+      return m
+    },
+    onShippingCostInput(val) {
+      var s = val == null ? '' : String(val)
+      s = s.replace(/[^\d.]/g, '')
+      var parts = s.split('.')
+      if (parts.length > 2) s = parts[0] + '.' + parts.slice(1).join('')
+      this.form.shippingCost = s
+      this.refreshLinesFromShipping()
+    },
+    onShippingCostBlur() {
+      if (this.form.shippingCost == null || this.form.shippingCost === '') {
+        this.refreshLinesFromShipping()
+        return
+      }
+      var n = Number(this.form.shippingCost)
+      if (isNaN(n)) {
+        this.form.shippingCost = ''
+      } else {
+        if (n < 0) n = 0
+        this.form.shippingCost = this.toFixed(n, 2)
+      }
+      this.refreshLinesFromShipping()
+    },
+    refreshLinesFromShipping() {
+      var self = this
+      var sc = self.shippingCostNumber
+      if (!Array.isArray(self.lineList)) return
+      self.lineList = self.lineList.map(function (row) {
+        var actual = self.toNumber(row.actualPurchasePrice)
+        var including = actual + sc
+        row.includingShippingPrice = self.toFixed(including, 2)
+        var priceList = self.toNumber(row.priceListPrices)
+        var loss = self.toNumber(row.estimatedLoss)
+        var coord = including + loss - priceList
+        row.coordinationRange = self.toFixed(coord, 2)
+        return row
+      })
+      self.notifyLineChange()
+    },
+    onLineChange(list) {
+      this.lineList = Array.isArray(list) ? list.slice() : []
+      this.refreshLinesFromShipping()
+    },
+    notifyLineChange() {
+      try {
+        var pr = this.$refs.productRel
+        if (pr && typeof pr.emitChange === 'function') return
+      } catch (e) {}
+    },
+    validateForm() {
+      if (!this.form.companyName || !this.form.companyId) {
+        uni.showToast({ title: '请选择公司名称', icon: 'none' })
+        return false
+      }
+      if (!this.form.date) {
+        uni.showToast({ title: '请选择日期', icon: 'none' })
+        return false
+      }
+      if (!this.form.priceTableId && !this.form.priceTableCode) {
+        uni.showToast({ title: '请选择价格表', icon: 'none' })
+        return false
+      }
+      var pr = this.$refs.productRel
+      if (pr && typeof pr.validate === 'function') {
+        var ok = pr.validate()
+        if (!ok) return false
+      }
+      return true
+    },
+    joinStr(arr) {
+      if (Array.isArray(arr)) return arr.filter(Boolean).join(',')
+      if (typeof arr === 'string') return arr
+      return ''
+    },
+    toBool(v, fallback) {
+      if (typeof v === 'boolean') return v
+      if (v === 'true' || v === '1' || v === 1) return true
+      if (v === 'false' || v === '0' || v === 0) return false
+      return typeof fallback === 'boolean' ? fallback : false
+    },
+    pickId(v) {
+      if (v == null || v === '') return ''
+      if (typeof v === 'string' || typeof v === 'number') return String(v)
+      if (typeof v === 'object') {
+        return String(v.id != null ? v.id : (v.value != null ? v.value : (v.code != null ? v.code : '')))
+      }
+      return String(v)
+    },
+    buildPayload() {
+      var self = this
+      var d = this.detail || {}
+      var lines = Array.isArray(this.lineList) ? this.lineList.slice() : []
+      var lineList = lines.map(function (row, i) {
+        var r = row || {}
+        var itemId = r.itemId || (r._key != null ? r._key : (r.id ? String(r.id) : ('line-' + Date.now() + '-' + i)))
+        return {
+          id: r.id != null ? r.id : '',
+          itemId: itemId,
+          procurementPlanId: (r.procurementPlanId != null ? r.procurementPlanId : (self.form.id || d.id || '')),
+          productId: self.pickId(r.productId),
+          materialType: r.materialType != null ? String(r.materialType) : '',
+          quantity: self.toNumber(r.quantity),
+          actualPurchasePrice: self.toNumber(r.actualPurchasePrice),
+          includingShippingPrice: self.toNumber(r.includingShippingPrice),
+          priceListPrices: self.toNumber(r.priceListPrices),
+          coordinationRange: self.toNumber(r.coordinationRange),
+          estimatedLoss: self.toNumber(r.estimatedLoss),
+          applicationAttrition: self.toNumber(r.applicationAttrition),
+          workshopId: self.pickId(r.workshopId)
+        }
+      })
+      var mcFields = this.materialConditionConfigs.map(function (mc) { return mc.field })
+      var materialPayload = {}
+      mcFields.forEach(function (f) {
+        materialPayload[f] = self.joinStr(d[f])
+      })
+      var body = {
+        id: this.form.id || d.id || '',
+        code: d.code != null ? String(d.code) : '',
+        companyShortId: this.pickId(this.form.companyId || d.companyShortId || d.companyId),
+        supplierId: this.pickId(d.supplierId),
+        purchaseDepartment: this.pickId(d.purchaseDepartmentId || d.purchaseDepartment),
+        region: this.pickId(d.regionId || d.region),
+        date: this.form.date || '',
+        validityPeriod: d.validityPeriod != null ? String(d.validityPeriod) : '',
+        quoterId: this.pickId(d.quoterId),
+        quoterName: d.quoterName != null ? String(d.quoterName) : '',
+        longTermOperation: this.toBool(d.longTermOperation, false),
+        terminalCustomer: this.toBool(d.terminalCustomer, false),
+        priced: this.toBool(d.priced, false),
+        pricingDeadline: d.pricingDeadline != null ? String(d.pricingDeadline) : '',
+        temporaryPrice: this.toBool(d.temporaryPrice, false),
+        otherExpenseSettlement: this.toBool(d.otherExpenseSettlement, false),
+        deliveryMode: d.deliveryMode != null ? String(d.deliveryMode) : '',
+        commodityBuyout: this.toBool(d.commodityBuyout, false),
+        qualityBuyout: this.toBool(d.qualityBuyout, false),
+        quantityBuyout: this.toBool(d.quantityBuyout, false),
+        doorDelivery: this.toBool(d.doorDelivery, false),
+        shippingCost: this.toNumber(this.form.shippingCost),
+        loadingFee: this.toNumber(d.loadingFee),
+        invoiceProductName: d.invoiceProductName != null ? String(d.invoiceProductName) : '',
+        deliveryDate: d.deliveryDate != null ? String(d.deliveryDate) : '',
+        settlementMethod: d.settlementMethod != null ? String(d.settlementMethod) : '',
+        settlementRatio: this.toNumber(d.settlementRatio),
+        priceId: this.pickId(this.form.priceTableId || d.priceId || d.priceTableId),
+        coordinationReason: d.coordinationReason != null ? String(d.coordinationReason) : '',
+        invoiceTypeStatus: d.invoiceTypeStatus != null ? String(d.invoiceTypeStatus) : '',
+        remark: d.remark != null ? String(d.remark) : '',
+        materialConditionEnabled: this.toBool(d.materialConditionEnabled, false),
+        approvalStatus: d.approvalStatus != null ? String(d.approvalStatus) : '',
+        processStatus: d.processStatus != null ? String(d.processStatus) : '',
+        processNode: d.processNode != null ? String(d.processNode) : '',
+        procurementPlanLineList: lineList
+      }
+      Object.keys(materialPayload).forEach(function (k) {
+        body[k] = materialPayload[k]
+      })
+      return body
+    },
+    onBack() {
+      uni.navigateBack({ delta: 1 })
+    },
+    async onSubmit() {
+      if (!this.validateForm()) return
+      var payload = this.buildPayload()
+      try {
+        await procurementPlanUpdateApi(payload)
+        uni.showToast({ title: '保存成功', icon: 'none' })
+        try {
+          uni.setStorageSync('DOMESTIC_PLAN_LIST_NEED_REFRESH', '1')
+          uni.setStorageSync('SUPPLE_PLAN_LIST_NEED_REFRESH', '1')
+        } catch (e) {}
+        var self = this
+        setTimeout(function () {
+          uni.navigateBack({ delta: 1 })
+        }, 400)
+      } catch (e) {
+        uni.showToast({ title: (e && (e.msg || e.message)) ? (e.msg || e.message) : '保存失败', icon: 'none' })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.scroll {
+  flex: 1;
+  padding: 12rpx 0 392rpx !important;
+}
+.bottom-bar {
+  z-index: 2;
+  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);
+  display: flex;
+  gap: 24rpx;
+  .btn {
+    flex: 1;
+    height: 80rpx;
+    line-height: 80rpx;
+    border-radius: 12rpx;
+    font-size: 32rpx;
+  }
+  .btn-outline {
+    background: #fff;
+    color: $theme-primary;
+    border: 2rpx solid $theme-primary;
+  }
+  .btn-primary {
+    background: $theme-primary;
+    color: #fff;
+    border: 2rpx solid $theme-primary;
+  }
+}
+
+::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: 240rpx;
+        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;
+        }
+      }
+      .serial-number-row {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}
+
+.readonly-text {
+  color: rgba(0, 0, 0, 0.9);
+  font-size: 32rpx;
+  line-height: 48rpx;
+  text-align: right;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.value-code {
+  width: 260rpx;
+  text-align: left;
+}
+
+.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; }
+}
+
+.material-condition-section,
+.remark-section {
+  margin-top: 20rpx;
+  background: #fff;
+}
+.section-header {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 32rpx;
+  border-bottom: 1rpx solid #f0f0f0;
+}
+.section-title {
+  font-size: 32rpx;
+  color: rgba(0, 0, 0, 0.9);
+  font-weight: 600;
+}
+.opCollapse {
+  width: 32rpx;
+  height: 28rpx;
+  margin-right: 16rpx;
+  margin-top: 8rpx;
+}
+.section-content {
+  padding: 32rpx;
+}
+.form-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24rpx;
+}
+.form-row:last-child { margin-bottom: 0; }
+.form-label {
+  font-size: 32rpx;
+  color: rgba(0, 0, 0, 0.9);
+}
+.form-value {
+  font-size: 32rpx;
+  color: rgba(0, 0, 0, 0.9);
+}
+.material-group {
+  margin-top: 32rpx;
+}
+.material-label {
+  display: block;
+  font-size: 30rpx;
+  color: rgba(0, 0, 0, 0.9);
+  margin-bottom: 20rpx;
+}
+.tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16rpx;
+}
+.tag-btn {
+  padding: 12rpx 24rpx;
+  border: 1rpx solid #ddd;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  color: #666;
+  background: #fff;
+}
+.tag-btn.active {
+  background: $theme-primary;
+  border-color: $theme-primary;
+  color: #fff;
+}
+.remark-text {
+  font-size: 30rpx;
+  color: rgba(0,0,0,0.9);
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+.footer-tip {
+  padding: 24rpx 32rpx;
+  color: rgba(0,0,0,0.45);
+  font-size: 24rpx;
+}
+
+::v-deep .uni-easyinput {
+  width: 100%;
+  &__content {
+    background: #f8f8f8 !important;
+    border-radius: 8rpx;
+    &-input { font-size: 30rpx; }
+  }
+}
+</style>

@@ -179,6 +179,24 @@ export default {
 					icon: '/static/images/index/delay_invoice.png',
 					link: '/pages/quote-manage/index',
 					name: 'QuoteManage'
+				},
+				{
+					text: '内贸计划单',
+					icon: '/static/images/index/follow_up_form.png',
+					link: '/pages/domestic-plan/index',
+					name: 'DomesticPlan'
+				},
+				{
+					text: '计划变更单',
+					icon: '/static/images/index/draft_order.png',
+					link: '/pages/schedule-plan/index',
+					name: 'SchedulePlan'
+				},
+				{
+					text: '计划补录单',
+					icon: '/static/images/index/revoke_list.png',
+					link: '/pages/supple-plan/index',
+					name: 'SupplePlan'
 				}
 			]
 			},

+<template>
+  <view class="page">
+    <view class="plan-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: frozen === 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.code || '-' }}</text>
+              <text class="status" :style="getProcessStatusStyle(item.processStatus)">
+                {{ getProcessStatusText(item.processStatus) }}
+              </text>
+            </view>
+            <view class="info-row">
+              <text>公司名称</text>
+              <text>{{ item.companyShortName || item.companyName || '-' }}</text>
+            </view>
+            <view class="info-row">
+              <text>供应商名称</text>
+              <text>{{ item.supplierName || '-' }}</text>
+            </view>
+            <view class="info-row">
+              <text>数量</text>
+              <text>{{ formatQuantity(getTotalQuantity(item)) }}</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.code" placeholder="请输入编号" />
+          </view>
+          <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>
+            <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 { procurementPlanQueryApi } from '@/api/procure-manage/procurementPlan.js'
+
+export default {
+  name: 'SupplePlanList',
+  components: { CardList, FilterModal },
+  data() {
+    return {
+      searchKeyword: '',
+      searchKeywordDebounced: '',
+      searchDebounceTimer: null,
+      frozen: false,
+      tabs: [
+        { label: '未冻结', value: false },
+        { label: '已冻结', value: true }
+      ],
+      query: {
+        code: '',
+        supplierName: '',
+        dateRange: []
+      },
+      extraParams: {},
+      currentItems: [],
+      filterVisible: false,
+      filterForm: {
+        code: '',
+        supplierName: '',
+        dateRange: []
+      },
+      dicOptions: {
+        PROCESS_STATUS: []
+      }
+    }
+  },
+  computed: {
+    extraCombined() {
+      const keyword = this.searchKeywordDebounced || ''
+      return {
+        keyword: keyword || undefined,
+        frozen: this.frozen
+      }
+    }
+  },
+  watch: {
+    extraCombined: {
+      deep: true,
+      handler(v) {
+        this.extraParams = v
+      },
+      immediate: true
+    }
+  },
+  created() {
+    this.loadDicData()
+  },
+  onShow() {
+    let needRefresh = ''
+    try { needRefresh = uni.getStorageSync('SUPPLE_PLAN_LIST_NEED_REFRESH') } catch (e) {}
+    if (!needRefresh) return
+    try { uni.removeStorageSync('SUPPLE_PLAN_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(['PROCESS_STATUS'])
+        this.dicOptions.PROCESS_STATUS = (results.PROCESS_STATUS && results.PROCESS_STATUS.data) || []
+      } catch (e) {
+        this.dicOptions.PROCESS_STATUS = []
+      }
+    },
+    getProcessStatusText(status) {
+      const v = status == null ? '' : String(status)
+      if (!v) return '-'
+      return getDicName('PROCESS_STATUS', v, this.dicOptions.PROCESS_STATUS) || v
+    },
+    getProcessStatusStyle(status) {
+      var v = status == null ? '' : String(status)
+      var name = v ? this.getProcessStatusText(v) : ''
+      var sem = this.getSemanticColor(name)
+      if (sem) return sem
+      var list = Array.isArray(this.dicOptions.PROCESS_STATUS) ? this.dicOptions.PROCESS_STATUS : []
+      var idx = -1
+      for (var i = 0; i < list.length; i++) {
+        if (list[i] && list[i].code === v) { idx = i; break }
+      }
+      if (idx < 0) {
+        idx = this.hashIndex(v, 12)
+      }
+      var palette = this.getStatusPalette()
+      var color = palette[idx % palette.length]
+      return {
+        color: color.color,
+        backgroundColor: color.bgColor
+      }
+    },
+    getSemanticColor(name) {
+      var n = name == null ? '' : String(name)
+      if (!n) return null
+      var map = [
+        { keys: ['草稿', '待提交', '新建', 'DRAFT'], color: '#606266', bgColor: '#EBEEF5' },
+        { keys: ['审批中', '审核中', '审批', '审核', '待审核', '待审批', 'APPROVING'], color: '#1976D2', bgColor: '#E3F2FD' },
+        { keys: ['通过', '已通过', '审批通过', '审核通过', '已完成', '完成', 'PASS', 'COMPLETED', 'APPROVED'], color: '#2BA471', bgColor: '#E3F9E9' },
+        { keys: ['驳回', '拒绝', '不通过', '未通过', 'REJECT', 'REFUSE', 'REJECTED'], color: '#D54941', bgColor: '#FFF0ED' },
+        { keys: ['取消', '已取消', '撤销', '已撤销', 'CANCEL', 'CANCELLED'], color: '#909399', bgColor: '#F4F4F5' },
+        { keys: ['进行中', '执行中', '处理中'], color: '#E37318', bgColor: '#FFF3E0' },
+        { keys: ['归档', '已归档'], color: '#5E35B1', bgColor: '#EDE7F6' },
+        { keys: ['待发货', '已发货'], color: '#0097A7', bgColor: '#E0F7FA' }
+      ]
+      for (var i = 0; i < map.length; i++) {
+        var it = map[i]
+        for (var j = 0; j < it.keys.length; j++) {
+          var k = String(it.keys[j])
+          if (k && (n.indexOf(k) >= 0 || n.toLowerCase().indexOf(k.toLowerCase()) >= 0)) {
+            return { color: it.color, backgroundColor: it.bgColor }
+          }
+        }
+      }
+      return null
+    },
+    getStatusPalette() {
+      return [
+        { color: '#1976D2', bgColor: '#E3F2FD' },
+        { color: '#2BA471', bgColor: '#E3F9E9' },
+        { color: '#D54941', bgColor: '#FFF0ED' },
+        { color: '#E37318', bgColor: '#FFF3E0' },
+        { color: '#7B1FA2', bgColor: '#F3E5F5' },
+        { color: '#00838F', bgColor: '#E0F7FA' },
+        { color: '#EF6C00', bgColor: '#FFF3E0' },
+        { color: '#455A64', bgColor: '#ECEFF1' },
+        { color: '#6A1B9A', bgColor: '#F3E5F5' },
+        { color: '#C62828', bgColor: '#FFEBEE' },
+        { color: '#2E7D32', bgColor: '#E8F5E9' },
+        { color: '#1565C0', bgColor: '#E3F2FD' }
+      ]
+    },
+    hashIndex(str, size) {
+      var s = str == null ? '' : String(str)
+      if (!s) return 0
+      var h = 0
+      for (var i = 0; i < s.length; i++) {
+        h = (h * 31 + s.charCodeAt(i)) >>> 0
+      }
+      return h % size
+    },
+    getTotalQuantity(item) {
+      const lines = item && item.procurementPlanLineList && Array.isArray(item.procurementPlanLineList)
+        ? item.procurementPlanLineList
+        : []
+      let total = 0
+      lines.forEach(line => {
+        const q = line && line.quantity != null ? Number(line.quantity) : 0
+        if (!isNaN(q)) total += q
+      })
+      return total
+    },
+    formatQuantity(val) {
+      if (val == null) return '-'
+      try {
+        const num = Number(val)
+        if (isNaN(num)) return '-'
+        return num.toLocaleString('zh-CN', { maximumFractionDigits: 4 })
+      } catch (e) {
+        return String(val)
+      }
+    },
+    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.frozen = t.value
+    },
+    openFilter() {
+      this.filterForm = {
+        code: this.query.code || '',
+        supplierName: this.query.supplierName || '',
+        dateRange: Array.isArray(this.query.dateRange) ? this.query.dateRange.slice(0) : []
+      }
+      this.filterVisible = true
+    },
+    onFilterReset(payload) {
+      this.filterForm = payload
+    },
+    onFilterConfirm(payload) {
+      this.query = {
+        code: payload.code || '',
+        supplierName: payload.supplierName || '',
+        dateRange: Array.isArray(payload.dateRange) ? payload.dateRange : []
+      }
+    },
+    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 range = Array.isArray(q.dateRange) ? q.dateRange : []
+      const keyword = e.keyword || ''
+      const params = {
+        pageIndex: pageIndex,
+        pageSize: pageSize,
+        frozen: e.frozen != null ? e.frozen : false,
+        code: q.code || '',
+        supplierName: q.supplierName || '',
+        startDate: range && range.length === 2 ? range[0] : '',
+        endDate: range && range.length === 2 ? range[1] : ''
+      }
+      if (keyword) {
+        if (!params.code) params.code = keyword
+        if (!params.supplierName) params.supplierName = keyword
+      }
+      return procurementPlanQueryApi(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) {
+      uni.navigateTo({ url: '/pages/supple-plan/detail?id=' + item.id })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+.plan-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;
+      font-size: 24rpx;
+      padding: 0 14rpx;
+      border-radius: 6rpx;
+      box-sizing: content-box;
+    }
+  }
+  .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>