feat: 订货单详情-暂存

@@ -164,6 +164,13 @@
                 "navigationBarBackgroundColor": "#ffffff",
                 "navigationBarTextStyle": "black"
             }
+        },{
+            "path": "pages/order_list/detail",
+            "style": {
+                "navigationBarTitleText": "查看订货单",
+                "navigationBarBackgroundColor": "#ffffff",
+                "navigationBarTextStyle": "black"
+            }
         },
         {
             "path": "pages/revoke_list/index",

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row company">{{ form.orderNo }}</text>
+          <view :class="['status', `status_${form.status}`]" />
+          <view class="row"><text class="label">审核状态</text><text class="value act">{{ getDicName('AUDIT_STATUS',
+            form.examineStatus, dicOptions.AUDIT_STATUS) }}</text></view>
+          <view class="row"><text class="label">供货单位</text><text class="value">{{ getDicName('SUPPLIER',
+            form.supplyUnit, dicOptions.SUPPLIER) }}</text></view>
+          <view class="row"><text class="label">订货单位</text><text class="value">{{ form.orderingUnitName }}</text>
+          </view>
+          <view class="row"><text class="label">订货日期</text><text class="value">{{ form.orderDate }}</text></view>
+          <view class="row"><text class="label">生产厂</text><text class="value">{{ form.workshopName }}</text></view>
+          <view class="row"><text class="label">结算方式或期限</text><text class="value">{{ form.settlementTerms }}</text></view>
+          <view class="row"><text class="label">交货方式</text><text class="value">{{ form.deliveryMethod }}</text></view>
+        </view>
+
+        <!-- 产品 -->
+        <view class="mgb10">
+          <Product mode="view" :options="genderOptions" :list="form.purchaseOrderLineList" :totalQuantity="form.totalQuantity || '-'" />
+        </view>
+       
+        <view class="section">
+          <view class="row"><text class="label">价格表编号</text><text class="value">{{ form.priceListNo }}</text></view>
+          <view class="row"><text class="label">开票情况</text><text class="value">{{ form.invoicingStatus }}</text></view>
+          <view class="row"><text class="label">运费</text><text class="value">{{ form.shippingCost }}</text></view>
+          <view class="row"><text class="label">包装费</text><text class="value">{{ form.packagingFee }}</text></view>
+          <view class="row"><text class="label">执行标准</text><text class="value">{{ getDicName('APPLICABLE_STANDARD',
+            form.executionStandard, dicOptions.APPLICABLE_STANDARD) }}</text></view>
+        </view>
+        
+        <view class="title-header">
+          <image class="title-header_icon" src="/static/images/title.png" />
+          <span>具体质量要求</span>
+        </view>
+        <view class="section">
+          <view class="row"><text class="label">件重条头</text><text class="value">{{ form.pieceWeightHeader }}</text></view>
+          <view class="row"><text class="label">表面</text><text class="value">{{ form.surface }}</text></view>
+          <view class="row"><text class="label">公差</text><text class="value">{{ form.tolerance }}</text></view>
+          <view class="row"><text class="label">性能</text><text class="value">{{ form.performance }}</text></view>
+          <view class="row"><text class="label">成分</text><text class="value">{{ form.element }}</text></view>
+          <view class="row"><text class="label">包装</text><text class="value">{{ form.packaging }}</text></view>
+          <view class="row"><text class="label">备注</text><text class="value">{{ form.remarks }}</text></view>
+        </view>
+
+      </view>
+    </scroll-view>
+    <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+  </view>
+</template>
+
+<script>
+import { getDetailApi, cancelApi } from '@/api/order_list.js'
+import Product from './product.vue'
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import {
+  getDicName
+} from '@/utils/dic.js'
+import {
+  getDicByCodes
+} from '@/utils/dic'
+
+export default {
+  name: 'OrderListDetail',
+  components: { Product, DetailButtons },
+  data() {
+    return {
+      form: {},
+      enterpriseTypeOptions: [],
+      genderOptions: [],
+      categoryOptions: [],
+      historyList: [],
+      showExamine: false,
+      buttons: [
+        { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
+        { text: '审核详情', visible: true, variant: 'outline', event: 'auditDetail' },
+        { text: '审核', visible: true, variant: 'primary', event: 'audit' },
+        { text: '申请变更', visible: true, variant: 'outline', event: 'changeApply' },
+        { text: '取消', visible: true, variant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
+      ],
+      dicOptions: {
+        AUDIT_STATUS: [],
+        SUPPLIER: [],
+        APPLICABLE_STANDARD: [],
+      },
+    }
+  },
+  computed: {
+    statusFlags() {
+      const s = String((this.form && this.form.status) || '')
+      return {
+        isRefuse: s === 'REFUSE',
+        isPass: s === 'PASS',
+        isAudit: s === 'AUDIT',
+        canExamine: !!this.showExamine,
+      }
+    },
+    displayButtons() {
+      const f = this.statusFlags
+      return [
+        { ...this.buttons[0], visible: f.isRefuse },
+        { ...this.buttons[1], visible: true },
+        { ...this.buttons[2], visible: f.isAudit && f.canExamine },
+        { ...this.buttons[3], visible: f.isPass },
+        { ...this.buttons[4], visible: f.isRefuse },
+      ]
+    }
+  },
+  created() {
+    this.loadAllDicData()
+  },
+  onLoad(query) {
+    const id = (query && (query.id || query.code)) || ''
+    const se = (query && (query.todoType === 'WAIT' || query.showExamine === '1' || query.showExamine === true)) || false
+    this.showExamine = !!se
+    if (id) this.loadDetail(id)
+  },
+  methods: {
+    async loadDetail(id) {
+      try {
+        const res = await getDetailApi(id)
+        const data = res.data || {}
+        this.form = { ...data }
+      } catch (e) {
+        this.form = {}
+      }
+    },
+    onViewHistory(item) {
+      const id = item && (item.id)
+      if (!id) return
+      const query = '?id=' + encodeURIComponent(id)
+      uni.navigateTo({ url: '/pages/credit_manage/history_detail' + query })
+    },
+    handleButtonClick(btn) {
+      if (!btn || btn.disabled) return
+      const map = {
+        edit: () => this.onEdit(),
+        auditDetail: () => this.onAuditDetail(),
+        audit: () => this.onAudit(),
+        changeApply: () => this.onChangeApply(),
+        cancel: () => this.onCancel(),
+      }
+      const fn = map[btn.event]
+      if (typeof fn === 'function') fn()
+    },
+    getBusinessId() {
+      return (this.form && (this.form.id || this.form.code)) || ''
+    },
+    onEdit() {
+      const id = this.getBusinessId()
+      const query = id ? ('?id=' + encodeURIComponent(id)) : ''
+      uni.navigateTo({ url: '/pages/credit_manage/modify' + query })
+    },
+    onAuditDetail() {
+      const CACHE_KEY = 'sourceBusinessId'
+      uni.setStorageSync(CACHE_KEY, this.getBusinessId())
+      uni.navigateTo({ url: '/pages/flow/audit_detail' })
+    },
+    onAudit() {
+      const CACHE_KEY = 'sourceBusinessId'
+      uni.setStorageSync(CACHE_KEY, this.getBusinessId())
+      uni.navigateTo({ url: '/pages/flow/audit' })
+    },
+    onChangeApply() {
+      const id = this.getBusinessId()
+      const query = id ? ('?id=' + encodeURIComponent(id)) : ''
+      uni.navigateTo({ url: '/pages/credit_manage/change' + query })
+    },
+    onCancel() {
+      const id = this.getBusinessId()
+      if (!id) return
+      uni.showModal({
+        title: '系统提示',
+        content: '是否确定取消该流程？',
+        confirmText: '确定',
+        cancelText: '取消',
+        success: (res) => {
+          if (res && res.confirm) {
+            cancelApi(id).then(() => {
+              uni.showToast({ title: '已取消', icon: 'none' })
+              setTimeout(() => { uni.redirectTo({ url: '/pages/credit_manage/index' }) }, 300)
+            }).catch(() => {
+              uni.showToast({ title: '取消失败', icon: 'none' })
+            })
+          }
+        }
+      })
+    },
+    getCategoryClass(categoryName) {
+      if (!categoryName) return ''
+      if (categoryName.includes('A') || categoryName.includes('a')) {
+        return 'category_A'
+      } else if (categoryName.includes('B') || categoryName.includes('b')) {
+        return 'category_B'
+      } else if (categoryName.includes('C') || categoryName.includes('c')) {
+        return 'category_C'
+      } else if (categoryName.includes('D') || categoryName.includes('d')) {
+        return 'category_D'
+      }
+    },
+    loadAllDicData() {
+      const dicCodes = ['AUDIT_STATUS', 'SUPPLIER', 'APPLICABLE_STANDARD']
+      return getDicByCodes(dicCodes).then(results => {
+        this.dicOptions.AUDIT_STATUS = results.AUDIT_STATUS.data || []
+        this.dicOptions.SUPPLIER = results.SUPPLIER.data || []
+        this.dicOptions.APPLICABLE_STANDARD = results.APPLICABLE_STANDARD.data || []
+      }).catch(() => {
+        this.dicOptions = {
+          AUDIT_STATUS: [],
+          SUPPLIER: [],
+          APPLICABLE_STANDARD: [],
+        }
+      })
+    },
+    getDicName: getDicName,
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.scroll {
+  flex: 1;
+  padding: 8rpx 0 144rpx 0;
+}
+
+.detail-page {
+  background: #f3f3f3;
+}
+
+.section {
+  padding: 32rpx;
+  background: #fff;
+  margin-bottom: 20rpx;
+  position: relative;
+
+  .status {
+    position: absolute;
+    top: 16rpx;
+    right: 52rpx;
+    width: 180rpx;
+    height: 146rpx;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    background-position: center;
+
+    // 已下发
+    &_ISSUED {
+      background-image: url('~@/static/images/order_list/status_ISSUED.png');
+    }
+
+    // 待发货
+    &_WAIT {
+      background-image: url('~@/static/images/order_list/status_WAIT.png');
+    }
+
+    // 部分发货
+    &_TRANSIT {
+      background-image: url('~@/static/images/order_list/status_TRANSIT.png');
+    }
+
+    // 发货完成
+    &_SHIPPED {
+      background-image: url('~@/static/images/order_list/status_SHIPPED.png');
+    }
+
+    // 已签收
+    &_DELIVERED {
+      background-image: url('~@/static/images/order_list/status_DELIVERED.png');
+    }
+
+  }
+}
+
+.mgb10 {
+  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: 32rpx;
+    line-height: 50rpx;
+  }
+
+  .label {
+    max-width: 420rpx;
+    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;
+
+    &.act {
+      color: $theme-primary;
+    }
+
+    .category {
+      display: inline-block;
+      padding: 4rpx 12rpx;
+      border-radius: 6rpx;
+      font-size: 24rpx;
+      width: auto;
+
+      &.category_A {
+        background: #FFF0ED;
+        color: #D54941;
+      }
+
+      &.category_B {
+        background: #FFF1E9;
+        color: #E37318;
+      }
+
+      &.category_C {
+        background: #F2F3FF;
+        color: $theme-primary;
+      }
+
+      &.category_D {
+        background: #E3F9E9;
+        color: #2BA471;
+      }
+    }
+  }
+}
+
+.card {
+  padding: 16rpx 0 8rpx;
+  border-top: 1rpx solid #f0f0f0;
+}
+
+.history-header {
+  display: flex;
+  background: #F7F7F7;
+  padding: 20rpx 52rpx 20rpx 32rpx;
+
+  .col {
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 40rpx;
+  }
+
+  .col1 {
+    width: 20%;
+  }
+
+  .col2 {
+    width: 50%;
+    text-align: center;
+  }
+
+  .col3 {
+    width: 30%;
+    text-align: right;
+  }
+}
+
+.history-row {
+  display: flex;
+  padding: 20rpx 52rpx 20rpx 32rpx;
+  border-bottom: 1rpx solid #f7f7f7;
+
+  .col {
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 40rpx;
+  }
+
+  .col1 {
+    width: 20%;
+  }
+
+  .col2 {
+    width: 50%;
+    text-align: center;
+  }
+
+  .col3 {
+    width: 30%;
+    text-align: right;
+  }
+
+  .link {
+    color: $theme-primary;
+  }
+}
+
+.title-header {
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+
+  &_icon {
+    width: 32rpx;
+    height: 28rpx;
+    margin-right: 16rpx;
+  }
+
+  span {
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 32rpx;
+    line-height: 44rpx;
+    font-weight: 600;
+  }
+}
+</style>
\ No newline at end of file

@@ -19,11 +19,11 @@
       <CardList ref="cardRef" :fetchFn="fetchList" :query="query" :extra="extraParams" :enable-refresh="true"
         :enable-load-more="true" row-key="id" @loaded="onLoaded" @error="onError">
         <template v-slot="{ item }">
-          <view class="card">
+          <view class="card" @click.stop="onCardClick(item)">
             <view class="card-header">
               <text class="title omit2">{{ item.orderingUnitName }}</text>
               <text v-if="item.status" :class="['status', `status_${item.status}`]">{{ filterStatus(item.status)
-              }}</text>
+                }}</text>
             </view>
             <view class="info-row"><text>订单编号</text><text>{{ item.orderNo }}</text></view>
             <view class="info-row"><text>生产厂</text><text>{{ item.workshopName }}</text></view>
@@ -218,6 +218,14 @@ export default {
     filterStatus(status) {
       return this.statusOptions.filter(item => item.value === status)[0].text || '';
     },
+    onCardClick(item) {
+      const id = (item && (item.id || item.code)) || ''
+      if (!id) return
+      const query = '?id=' + encodeURIComponent(id)
+      uni.navigateTo({
+        url: '/pages/order_list/detail' + query
+      })
+    },
   }
 }
 </script>

+<template>
+    <view class="core-personnel" :class="{ 'history': mode == 'history' }">
+
+        <!-- 新增&详情-产品 -->
+        <view class="header" :class="{ 'bp': mode !== 'add' }">
+            <image class="opCollapse" src="/static/images/title.png" />
+            <text class="title">产品</text>
+            <view class="ops">
+                <image v-if="mode === 'add'" 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'" class="add-list">
+            <view v-for="(item, idx) in items" :key="idx" class="block">
+                <uni-list v-show="item.collapsed">
+                    <uni-list-item title="姓名">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.name" :inputBorder="false" placeholder="请输入姓名" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item class="select-item" :class="item.sexName ? 'is-filled' : 'is-empty'" clickable
+                        @click="openProductSheet(idx)" :rightText="item.sexName || '请选择性别'" showArrow>
+                        <template v-slot:body>
+                            <view class="item-title"><text>性别</text></view>
+                        </template>
+                    </uni-list-item>
+                </uni-list>
+                <uni-list v-show="!item.collapsed">
+                    <uni-list-item title="姓名">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.name" :inputBorder="false" placeholder="请输入姓名" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item class="select-item" :class="item.sexName ? 'is-filled' : 'is-empty'" clickable
+                        @click="openProductSheet(idx)" :rightText="item.sexName || '请选择性别'" showArrow>
+                        <template v-slot:body>
+                            <view class="item-title"><text>性别</text></view>
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="籍贯">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.nativePlace" :inputBorder="false" placeholder="请输入籍贯" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="年龄">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.age" :inputBorder="false" placeholder="请输入年龄" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="职务">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.position" :inputBorder="false" placeholder="请输入职务" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="手机">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.mobile" :inputBorder="false" placeholder="请输入手机" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="固定电话">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.phone" :inputBorder="false" placeholder="请输入固定电话" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="邮箱地址">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.email" :inputBorder="false" placeholder="请输入邮箱地址" />
+                        </template>
+                    </uni-list-item>
+                    <uni-list-item title="现住址">
+                        <template v-slot:footer>
+                            <uni-easyinput v-model="item.address" :inputBorder="false" placeholder="请输入现住址" />
+                        </template>
+                    </uni-list-item>
+                </uni-list>
+                <view class="block-ops">
+                    <div class="del" @click="onRemove(item.personId)">
+                        <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-if="mode === 'view'" class="view-list" v-show="!collapsedView">
+            <view v-for="(item, idx) in items" :key="'v-' + idx" class="card">
+                <view class="row"><text class="label">行业</text><text class="value">{{ item.industry }}</text></view>
+                <view class="row"><text class="label">品质</text><text class="value">{{ item.quality }}</text></view>
+                <view class="row"><text class="label">牌号</text><text class="value">{{ item.brand }}</text></view>
+                <!-- 厚（公差） * 宽（公差） * 长（公差） -->
+                <view class="row row-spec"><text class="label">规格</text>
+                    <view class="value value-spec">
+                        <view class="value-spec_val">{{ item.thickness }}</view>
+                        <view class="value-spec_box">
+                            <view class="value-spec_box_1">+{{ item.thicknessTolPos }}</view>
+                            <view class="value-spec_box_2">-{{ item.thicknessTolNeg }}</view>
+                        </view>
+                        <view class="value-spec_val p12">*</view>
+                        <view class="value-spec_val">{{ item.width }}</view>
+                        <view class="value-spec_box">
+                            <view class="value-spec_box_1">+{{ item.widthTolPos }}</view>
+                            <view class="value-spec_box_2">-{{ item.widthTolNeg }}</view>
+                        </view>
+                        <view class="value-spec_val p12">*</view>
+                        <view class="value-spec_val">{{ item.length }}</view>
+                        <view class="value-spec_box">
+                            <view class="value-spec_box_1">+{{ item.lengthTolPos }}</view>
+                            <view class="value-spec_box_2">-{{ item.lengthTolNeg }}</view>
+                        </view>
+                    </view>
+                </view>
+                <view class="row"><text class="label">状态</text><text class="value">{{ item.status }}</text></view>
+                <view class="row"><text class="label">数量kg</text><text class="value">{{ item.quantity }}</text></view>
+                <!-- showSalesPrice 判断是否显示 -->
+                <view class="row" v-if="item.showSalesPrice"><text class="label">销售价格</text><text class="value">{{
+                    item.salesPrice }}</text></view>
+                <view class="row"><text class="label">发货日期</text><text class="value">{{ item.deliveryDate }}</text>
+                </view>
+                <view class="row"><text class="label">考核超协</text><text class="value">{{ item.assessmentExceedsAgreement
+                        }}</text></view>
+            </view>
+            <view class="view-total">
+                <view class="head">合计</view>
+                <view class="row">
+                    <text class="label">总数量</text><text class="value">{{ totalQuantity }}</text>
+                </view>
+            </view>
+        </view>
+
+    </view>
+</template>
+<script>
+import { uuid } from '@/utils/uuid.js'
+export default {
+    name: 'Product',
+    props: {
+        title: { type: String, default: '' },
+        mode: { type: String, default: 'add' },
+        list: { type: Array, default: () => [] },
+        max: { type: Number, default: 8 },
+        options: { type: Array, default: () => [] },
+        totalQuantity: { type: String, default: '' }
+    },
+    data() {
+        return {
+            items: [],
+            collapsedView: false,
+            sheet: { visible: false, title: '请选择性别', options: [], value: '', idx: -1 }
+        }
+    },
+    computed: {
+        selectOptions() {
+            const list = Array.isArray(this.options) ? this.options : []
+            return list.map(o => ({
+                label: o.label != null ? o.label : (o.text != null ? o.text : (o.name != null ? o.name : '')),
+                value: o.value != null ? o.value : (o.code != null ? o.code : (o.id != null ? o.id : o.productId))
+            }))
+        }
+    },
+    watch: {
+        items: {
+            handler() { this.emitChange() },
+            deep: true
+        },
+        list: {
+            handler(v) {
+                const arr = Array.isArray(v) ? v : []
+                const opts = this.selectOptions
+                this.items = arr.map(x => {
+                    const it = { ...this.defaultItem(), ...x, collapsed: true }
+                    const m = opts.find(o => String(o.value) === String(it.sex))
+                    it.sexName = m ? (m.label || '') : it.sexName
+                    return it
+                })
+            },
+            deep: true
+        },
+        options: {
+            handler() { this.refreshSexNames() }
+        }
+    },
+    created() {
+        const init = Array.isArray(this.list) && this.list.length > 0 ? this.list.map(v => ({ ...this.defaultItem(), ...v, collapsed: false })) : [{ ...this.defaultItem(), collapsed: false }]
+        this.items = init
+    },
+    methods: {
+        defaultItem() {
+            return { personId: uuid(), name: '', sex: '', sexName: '', nativePlace: '', age: '', position: '', mobile: '', phone: '', email: '', address: '', collapsed: false }
+        },
+        getSexName(item) {
+            const opts = this.selectOptions
+            const v = item && item.sex
+            const m = opts.find(o => String(o.value) === String(v))
+            return m ? (m.label || '') : ((item && item.sexName) || '')
+        },
+        refreshSexNames() {
+            const opts = this.selectOptions
+            this.items = (this.items || []).map(it => {
+                const m = opts.find(o => String(o.value) === String(it.sex))
+                return { ...it, sexName: m ? (m.label || '') : it.sexName }
+            })
+        },
+        openProductSheet(idx) {
+            const opts = this.selectOptions
+            const current = this.items[idx] && this.items[idx].sex
+            const match = opts.find(o => o.value === current)
+            this.sheet = { ...this.sheet, visible: true, title: '请选择性别', options: opts, idx, value: match ? match.value : '' }
+        },
+        onProductConfirm({ value, label }) {
+            const idx = this.sheet.idx
+            const it = this.items[idx]
+            if (!it) { this.sheet.visible = false; return }
+            it.sex = value
+            it.sexName = label || ''
+            this.$set(this.items, idx, it)
+            this.sheet.visible = false
+            this.emitChange()
+        },
+        onAdd() {
+            if (this.items.length >= this.max) return uni.showToast({ title: `最多添加${this.max}个`, icon: 'none' })
+            const obj = this.defaultItem()
+            obj.collapsed = true
+            this.items.push(obj)
+            this.emitChange()
+        },
+        onRemove(id) {
+            if (!id) return
+            uni.showModal({
+                title: '系统提示',
+                content: '是否确定删除选中的产品？',
+                confirmText: '确定',
+                cancelText: '取消',
+                success: (res) => {
+                    if (res && res.confirm) {
+                        const i = this.items.findIndex(it => String(it.personId) === String(id))
+                        if (i >= 0) {
+                            this.items.splice(i, 1)
+                            this.emitChange()
+                        }
+                    }
+                }
+            })
+        },
+        toggleItem(idx) {
+            const it = this.items[idx]
+            if (!it) return
+            it.collapsed = !it.collapsed
+            this.$set(this.items, idx, it)
+        },
+        emitChange() {
+            const out = this.items.map(it => ({ ...it }))
+            this.$emit('input', out)
+            this.$emit('update:value', out)
+            this.$emit('change', out)
+        },
+        toggleViewCollapse() {
+            this.collapsedView = !this.collapsedView
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.core-personnel {
+    margin-top: 10px;
+
+    &.history {
+        margin-top: 0;
+
+        .header {
+            padding: 32rpx 0 0 32rpx;
+        }
+    }
+}
+
+.header {
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    padding: 24rpx 32rpx;
+
+    &.bp {
+        border-bottom: 1rpx dashed #f0f0f0;
+    }
+}
+
+.dot {
+    width: 16rpx;
+    height: 16rpx;
+    background: #3D48A3;
+    border-radius: 50%;
+    margin-right: 12rpx;
+}
+
+.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;
+}
+
+
+.block {
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+
+::v-deep .uni-list-item__content {
+    display: flex;
+    justify-content: center;
+}
+
+::v-deep .uni-list {
+    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;
+                display: flex;
+
+                &-input {
+                    padding-left: 0 !important;
+                    height: 48rpx;
+                    line-height: 48rpx;
+                    font-size: 32rpx;
+                }
+            }
+
+            .uni-input-placeholder {
+                // z-index: 2;
+            }
+        }
+    }
+}
+
+.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: 26rpx 32rpx;
+    background: #ffffff;
+
+    .card {
+        background: #f3f3f3;
+        border-radius: 16rpx;
+        padding: 32rpx 44rpx;
+        margin-bottom: 20rpx;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    .row {
+        display: flex;
+        margin-bottom: 24rpx;
+        line-height: 32rpx;
+
+        &.row-spec {
+            height: 60rpx;
+            align-items: center;
+        }
+    }
+
+    .row:last-child {
+        margin-bottom: 0;
+    }
+
+    .label {
+        width: 180rpx;
+        margin-right: 14rpx;
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 28rpx;
+    }
+
+    .value {
+        flex: 1;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 28rpx;
+        white-space: pre-wrap;
+        word-break: break-all;
+    }
+
+    .value-spec {
+        height: 60rpx;
+        display: flex;
+        align-items: center;
+        color: #000000;
+
+        &_box {
+            position: relative;
+            width: 60rpx;
+            height: 60rpx;
+
+            &_1 {
+                font-size: 16rpx;
+                position: absolute;
+                top: 0;
+                left: 0;
+            }
+
+            &_2 {
+                font-size: 16rpx;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+            }
+        }
+
+        &_val {
+            font-size: 28rpx;
+
+            &.p12 {
+                padding-right: 12rpx;
+            }
+        }
+    }
+
+    .view-total {
+        padding-top: 20rpx;
+
+        .head {
+            font-size: 32rpx;
+            font-weight: 600;
+            line-height: 50rpx;
+            color: rgba(0, 0, 0, 0.9);
+            padding-bottom: 16rpx;
+            margin-bottom: 24rpx;
+            ;
+            border-bottom: 1px dashed #E7E7E7;
+        }
+
+        .row {
+            display: flex;
+            margin-bottom: 24rpx;
+            line-height: 32rpx;
+
+            .label {
+                width: 180rpx;
+                margin-right: 14rpx;
+                color: rgba(0, 0, 0, 0.6);
+                font-size: 28rpx;
+            }
+
+            .value {
+                flex: 1;
+                color: rgba(0, 0, 0, 0.9);
+                font-size: 28rpx;
+                white-space: pre-wrap;
+                word-break: break-all;
+            }
+        }
+    }
+}
+
+.history-list {
+    padding: 20rpx 32rpx;
+    background: #ffffff;
+
+    .card {
+        background: #f3f3f3;
+        border-radius: 16rpx;
+        padding: 32rpx 44rpx;
+        margin-bottom: 20rpx;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    .row {
+        display: flex;
+        margin-bottom: 24rpx;
+        line-height: 32rpx;
+    }
+
+    .row:last-child {
+        margin-bottom: 0;
+    }
+
+    .label {
+        width: 180rpx;
+        margin-right: 14rpx;
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 28rpx;
+    }
+
+    .value {
+        flex: 1;
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 28rpx;
+        white-space: pre-wrap;
+        word-break: break-all;
+
+        &.change {
+            color: $theme-primary;
+        }
+    }
+}
+</style>