Merge branch 'cjerp-1.0' of http://gitlab.qgutech.com/zhuyuanliang/erp-mobile into cjerp-1.0

@@ -9,7 +9,7 @@ export const statusStyle = [
 
 export const statusMap = {
   '生产中': '#2BA471',
-  '审批中': '#3D48A3',
+  '审核中': '#3D48A3',
   '已签收': '#E7E7E7',
   '已发货': '#D54941',
 }
@@ -23,6 +23,14 @@ export function queryApi(params) {
     params
   })
 }
+// 查询锁价无规格申请单列表
+export function querySpecLockApi(params) {
+  return request({
+    url: `${baseUrl}/specLockDelayApplication/query`,
+    method: 'get',
+    params
+  })
+}
 
 // 查询合同列表
 export function queryContractApi(params) {
@@ -67,6 +75,13 @@ export function getDetailApi(id) {
     params: { id }
   })
 }
+export function getSpecDetailApi(id) {
+  return request({
+    url: `${baseUrl}/specLockDelayApplication`,
+    method: 'get',
+    params: { id }
+  })
+}
 
 export function updateApi(data) {
   return request({

@@ -447,6 +447,27 @@
 				"navigationBarBackgroundColor": "#ffffff",
 				"navigationBarTextStyle": "black"
 			}
+		},{
+			"path": "pages/contract_unlocked_operation/detail",
+			"style": {
+				"navigationBarTitleText": "锁价无规格操作申请单详情",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},{
+			"path": "pages/contract_unlocked_operation/modify",
+			"style": {
+				"navigationBarTitleText": "编辑锁价无规格操作申请单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
+		},{
+			"path": "pages/contract_unlocked_operation/index",
+			"style": {
+				"navigationBarTitleText": "锁价无规格操作申请单",
+				"navigationBarBackgroundColor": "#ffffff",
+				"navigationBarTextStyle": "black"
+			}
 		}
 	],
 	"subPackages": [{

@@ -250,7 +250,7 @@ export default {
 
 .list-box {
   flex: 1;
-  padding-top: 112rpx;
+  padding-top: 140rpx;
 
   &.pad-batch {
     padding-bottom: 144rpx;

+<template>
+  <view class="page">
+    <scroll-view class="scroll" scroll-y>
+      <view class="detail-page">
+        <view class="section">
+          <text class="row customer">{{ form.contractCode }}</text>
+          <view class="row"><text class="label">客户名称</text><text class="value">{{ form.customerName }}</text></view>
+          <view class="row"><text class="label">办事处</text><text class="value">{{ form.deptName }}</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.contractType }}</text></view>
+          <view class="row"><text class="label">原来订货日期</text><text class="value">{{ form.contractDocumentDate }}</text></view>
+          <view class="row"><text class="label">第几次申请</text><text class="value">{{ form.applicationCount }}</text></view>
+          <view class="row"><text class="label">数量</text><text class="value">{{ form.totalQuantity }}</text></view>
+        </view>
+        <view class="section">
+          <view class="row"><text class="label">现申请锁规格日期</text><text class="value">{{ form.specLockDate }}</text></view>
+          <view class="row"><text class="label">延迟原因</text><text class="value">{{ form.delayReason }}</text></view>
+          <view class="row"><text class="label">制单日期</text><text class="value">{{ form.orderDate }}</text></view>
+        </view>
+      </view>
+    </scroll-view>
+    <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+  </view>
+</template>
+
+<script>
+import DetailButtons from '@/components/detail-buttons/index.vue'
+import { getSpecDetailApi } from '@/api/contract.js'
+
+export default {
+  components: { DetailButtons },
+  data() {
+    return {
+      id: '',
+      form: {
+        id: '', contractCode: '', customerName: '', deptName: '', workshopName: '', contractType: '', contractDocumentDate: '', applicationCount: '', totalQuantity: '', specLockDate: '', delayReason: '', orderDate: ''
+        
+      }
+    }
+  },
+  computed: {
+    displayButtons() {
+      return [
+        // { text: '删除', variant: 'danger' },
+        { text: '编辑', variant: 'outline' }
+      ]
+    }
+  },
+  onLoad(query) {
+    this.id = (query && query.id) ? query.id : ''
+  },
+  created() {
+    this.loadDetail()
+  },
+  methods: {
+    loadDetail() {
+      if (!this.id) return
+      getSpecDetailApi(this.id).then(res => {
+        const d = res.data || {}
+        const m = d || {}
+        const yesNo = m.hasFrameworkAgreement === 'Y' || m.hasFrameworkAgreement === true
+        this.form = {
+          id: m.id || '',
+          contractCode: m.contractCode || '',
+          customerName: m.customerName || (m.customer && m.customer.name) || '',
+          deptName: m.deptName || (m.dept && m.dept.name) || '',
+          workshopName: m.workshopName || (m.workshop && m.workshop.name) || '',
+          contractType: m.contractType || '',
+          contractDocumentDate: m.contractDocumentDate || '',
+          applicationCount: m.applicationCount || '',
+          totalQuantity: m.totalQuantity || '',
+          specLockDate: m.specLockDate || '',
+          delayReason: m.delayReason || '',
+          orderDate: m.orderDate || ''
+        }
+      })
+    },
+    handleButtonClick(btn) {
+      if (btn && btn.text === '编辑') {
+        return uni.navigateTo({ url: `/pages/contract_unlocked_operation/modify?id=${this.id}` })
+      }
+      // if (btn && btn.text === '删除') {
+      //   uni.showToast({ title: '暂未接入删除接口', icon: 'none' })
+      // }
+    }
+  }
+}
+</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;
+}
+
+.row {
+  display: flex;
+  margin-bottom: 28rpx;
+
+  &.customer {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.9);
+    margin-bottom: 12rpx;
+  }
+
+  .label {
+    width: 120rpx;
+    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;
+  }
+}
+</style>
\ No newline at end of file

+<template>
+  <view class="page">
+    <view class="framework-list-fixed">
+      <view class="search-row">
+        <uni-search-bar v-model="searchKeyword" radius="6" placeholder="请输入客户名称或编号" clearButton="auto"
+          cancelButton="none" bgColor="#F3F3F3" textColor="rgba(0,0,0,0.4)" @confirm="search" @input="onSearchInput" />
+        <view class="tool-icons">
+          <!-- <image class="tool-icon" src="/static/images/dev_manage/add_icon.png" @click="onAdd" /> -->
+          <!-- <image class="tool-icon" src="/static/images/dev_manage/filter_icon.png" @click="openFilter" /> -->
+        </view>
+      </view>
+
+    </view>
+    <!-- 列表卡片组件 -->
+    <view :class="['list-box', { 'pad-batch': batchMode }]">
+      <card-list ref="cardRef" :fetch-fn="fetchList" :query="query" :extra="extraParams" :selectable="batchMode"
+        row-key="id" :enable-refresh="true" :enable-load-more="true" @error="onCardError">
+        <template v-slot="{ item, selected }">
+          <view class="card" @click="goDetail(item)">
+            <view class="card-header">
+              <text class="title omit2">{{ item.contractCode }}</text>
+              <text :class="['status']" :style="{ background: statusMap[item.approvalStatusName] }">{{ item.approvalStatusName }}</text>
+
+            </view>
+            <view class="info-row">
+              <text>客户名称</text><text>{{ item.customerName }}</text>
+            </view>
+            <view class="info-row">
+              <text>办事处</text><text>{{ item.deptName }}</text>
+            </view>
+            <view class="info-row">
+              <text>现申请锁规格日期</text><text>{{ item.specLockDate }}</text>
+            </view>
+            <view class="info-row">
+              <text>制单日期</text><text>{{ item.orderDate }}</text>
+            </view>
+          </view>
+        </template>
+      </card-list>
+    </view>
+    <!-- 筛选弹框 -->
+    <!-- <filter-modal :visible.sync="filterVisible" :value.sync="filterForm" title="筛选" @reset="onFilterReset"
+      @confirm="onFilterConfirm">
+      <template v-slot="{ model }">
+        <view class="filter-form">
+          <view class="form-item">
+            <view class="label">品种</view>
+            <uni-data-checkbox mode="tag" :multiple="false" :value-field="'value'" :text-field="'text'"
+              v-model="model.materialTypeId" @change="onMaterialTypeChange" :localdata="materialTypeOptions" />
+          </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';
+import { querySpecLockApi,statusMap } from '@/api/contract.js'
+
+import { productVarietyQueryApi } from '@/api/devManage.js'
+export default {
+  components: { CardList, FilterModal },
+  data() {
+    return {
+      searchKeyword: '',
+      searchKeywordDebounced: '',
+      // 批量选择
+      batchMode: false,
+      // 给到 card 的筛选值
+      query: { materialTypeId: '', dateRange: [] },
+      extraParams: {},
+
+      // 筛选弹框
+      filterVisible: false,
+      filterForm: { materialTypeId: '', dateRange: [] },
+      materialTypeOptions: [],
+      statusMap
+    }
+
+  },
+  computed: {
+
+  },
+  watch: {
+
+  },
+  created() {
+    this.getProductVariety();
+  },
+  // 页面触底兜底：当页面自身滚动到底部时，转调卡片组件加载更多
+  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: {
+    // uni-search-bar 确认搜索：更新关键字并触发 CardList 刷新
+    search(e) {
+      const val = e && e.value != null ? e.value : this.searchKeyword
+      this.searchKeyword = val
+      this.searchKeywordDebounced = val
+    },
+    // 输入实时搜索：1200ms 防抖，仅在停止输入超过阈值后刷新
+    onSearchInput(val) {
+      if (this.searchDebounceTimer) clearTimeout(this.searchDebounceTimer)
+      this.searchDebounceTimer = setTimeout(() => {
+        this.searchKeywordDebounced = this.searchKeyword
+        this.searchDebounceTimer = null
+      }, 1200)
+    },
+    // 列表接口（真实请求）
+    fetchList({ pageIndex, pageSize, query, extra }) {
+      const params = { pageIndex, pageSize, ...extra, ...query }
+      // 处理日期范围
+      if (Array.isArray(params.dateRange) && params.dateRange.length === 2) {
+        params.validityTimeStart = params.dateRange[0] + ' 00:00:00'
+        params.validityTimeEnd = params.dateRange[1] + ' 23:59:59'
+        delete params.dateRange
+      }
+      // 关键字（使用去抖后的值避免频繁触发）
+      if (this.searchKeywordDebounced) {
+        params.customerName = this.searchKeywordDebounced
+      }
+      return querySpecLockApi({...params,available:true})
+        .then(res => {
+          console.log('fetchList', res)
+          const _data = res.data || {};
+          const records = _data.datas || [];
+          const totalCount = _data.totalCount || 0;
+          const hasNext = _data.hasNext || false
+          return { records, totalCount, hasNext }
+        })
+        .catch(err => {
+          console.error('fetchList error', err)
+          this.onCardError()
+          return { records: [], totalCount: 0, hasNext: false }
+        })
+    },
+    onCardError() {
+      uni.showToast({ title: '列表加载失败', icon: 'none' })
+    },
+
+    openFilter() {
+      this.filterVisible = true
+    },
+    onFilterReset(payload) {
+      // 保持弹框不关闭，仅同步表单
+      this.filterForm = payload
+    },
+    onFilterConfirm(payload) {
+      // 合并筛选值
+      this.query = { ...this.query, ...payload }
+    },
+    onMaterialTypeChange(e) {
+      const raw = e && e.detail && e.detail.value !== undefined
+        ? e.detail.value
+        : (e && e.value !== undefined ? e.value : '')
+      // 直接同步到外层 filterForm，驱动 FilterModal 的 innerModel 更新
+      this.filterForm.materialTypeId = raw
+    },
+
+    // onAdd() {
+    //   uni.navigateTo({ url: '/pages/contract_unlocked_operation/add' })
+    // },
+
+    goDetail(item) {
+      const id = item && item.id ? item.id : ''
+      if (!id) return
+      uni.navigateTo({ url: `/pages/contract_unlocked_operation/detail?id=${id}` })
+    },
+
+
+
+    getProductVariety() {
+      productVarietyQueryApi({
+        pageIndex: 1,
+        pageSize: 9999,
+        available: true
+      }).then(res => {
+        const _data = res.data || {};
+        const records = _data.datas || [];
+        this.materialTypeOptions = records.map(item => ({
+          value: item.id,
+          text: item.name
+        }))
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.framework-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;
+      }
+    }
+  }
+
+
+}
+
+/* 仅当前页覆盖 uni-search-bar 盒子高度 */
+::v-deep .uni-searchbar__box {
+  height: 80rpx !important;
+  justify-content: start;
+
+  .uni-searchbar__box-search-input {
+    font-size: 32rpx !important;
+  }
+}
+
+.list-box {
+  flex: 1;
+  padding-top: 140rpx;
+
+  &.pad-batch {
+    padding-bottom: 144rpx;
+  }
+
+  .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 {
+      font-size: 30rpx;
+      font-weight: 600;
+      position: absolute;
+      top: -36rpx;
+      right: -32rpx;
+      height: 48rpx;
+      line-height: 48rpx;
+      color: #fff;
+      font-size: 24rpx;
+      padding: 0 14rpx;
+      border-radius: 6rpx;
+
+      &.status_1 {
+        background: #3D48A3;
+      }
+
+      &.status_2 {
+        background: #2BA471;
+      }
+
+      &.status_3 {
+        background: #D54941;
+      }
+
+      &.status_4 {
+        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: 60%;
+
+      &:last-child {
+        color: rgba(0, 0, 0, 0.9);
+        width: 40%;
+      }
+    }
+  }
+}
+
+.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;
+  }
+
+  .fake-select {
+    height: 80rpx;
+    line-height: 80rpx;
+    padding: 0 20rpx;
+    background: #f3f3f3;
+    border-radius: 12rpx;
+
+    .placeholder {
+      color: #999;
+    }
+
+    .value {
+      color: #333;
+    }
+  }
+}
+/* 深度覆盖 uni-data-checkbox（mode=tag）内部的 tag 展示与间距 */
+::v-deep .filter-form .uni-data-checklist .checklist-group {
+  .checklist-box {
+    &.is--tag {
+      width: 212rpx;
+      margin-top: 0;
+      margin-bottom: 24rpx;
+      margin-right: 24rpx;
+      height: 80rpx;
+      padding: 0;
+      border-radius: 12rpx;
+      background-color: #f3f3f3;
+      border-color: #f3f3f3;
+
+      &:nth-child(3n) {
+        margin-right: 0;
+      }
+
+      .checklist-content {
+        display: flex;
+        justify-content: center;
+      }
+
+      .checklist-text {
+        color: rgba(0, 0, 0, 0.9);
+        font-size: 28rpx;
+      }
+    }
+
+    &.is-checked {
+      background-color: $theme-primary-plain-bg !important;
+      border-color: $theme-primary-plain-bg !important;
+
+      .checklist-text {
+        color: $theme-primary !important;
+      }
+    }
+  }
+
+}
+</style>
\ No newline at end of file

+<template>
+    <view class="page">
+        <scroll-view class="scroll" scroll-y>
+            <view class="detail-page">
+                <view class="section">
+                    <uni-list>
+                        <uni-list-item title="客户名称">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.customerName" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="订单编号">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.contractCode" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="办事处">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.deptName" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="所属分厂">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.workshopName" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="订单类型">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.contractType" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="原订货日期">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.orderDate" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="第几次申请">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.applicationCount" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="制单日期">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.contractDocumentDate" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="数量">
+                            <template v-slot:footer>
+                                <uni-easyinput v-model="detail.totalQuantity" :clearable="false" disabled />
+                            </template>
+                        </uni-list-item>
+                    </uni-list>
+                </view>
+
+                <view class="section1">
+                    <uni-list>
+                        <uni-list-item title="现申请锁规格日期">
+                            <template v-slot:footer>
+                                <uni-datetime-picker type="date" v-model="form.specLockDate" />
+                            </template>
+                        </uni-list-item>
+                        <uni-list-item title="延迟原因">
+                            <template v-slot:footer>
+                                <uni-easyinput  v-model="form.delayReason" placeholder="请输入原因" :inputBorder="false" />
+                            </template>
+                        </uni-list-item>
+                    </uni-list>
+                </view>
+            </view>
+        </scroll-view>
+        <view class="footer">
+            <button class="btn submit" type="primary" @click="onSubmit">提交</button>
+        </view>
+    </view>
+</template>
+
+<script>
+import { getSpecDetailApi, specLockDelayApplication } from '@/api/contract'
+export default {
+    name: 'LockApplyForeignUnplan',
+    data() {
+        return {
+            id: '',
+            detail: {
+                contractCode: '',
+                customerName: '',
+                deptName: '',
+                workshopName: '',
+                orderType: '',
+                orderTypeName: '',
+                orderDate: '',
+                applicationCount: '',
+                contractDocumentDate: '',
+                totalQuantity: ''
+            },
+            form: { specLockDate: '', delayReason: '' }
+        }
+    },
+    onLoad(options) {
+        const id = options && options.id ? options.id : ''
+        this.id = id
+        this.loadDetail()
+    },
+    methods: {
+        async loadDetail() {
+            if (!this.id) return
+            try {
+                const res = await getSpecDetailApi(this.id)
+                const data = res && res.data ? res.data : {}
+                this.detail = {
+                    ...data,
+                    contractCode: data.contractCode || '',
+                    customerName: data.customerName || '',
+                    deptName: data.deptName || '',
+                    workshopName: data.workshopName || '',
+                    orderType: data.orderType || '',
+                    contractType: data.contractType === 'DRAFT_DIST_AGMT' ? '经销订单' : '外贸订单',
+                    orderDate: (data.orderDate || '').slice(0, 10),
+                    applicationCount: data.applicationCount || '',
+                    contractDocumentDate: (data.contractDocumentDate || '').slice(0, 10),
+                    totalQuantity: data.totalQuantity || ''
+                }
+            } catch (e) {
+                this.detail = { ...this.detail }
+            }
+        },
+
+        onSubmit() {
+            const date = this.form.specLockDate
+            const reason = this.form.delayReason
+            const emptyDate = !date
+            if (emptyDate) {
+                uni.showToast({ title: '请填写日期', icon: 'none' })
+                return
+            }
+            uni.showModal({
+                title: '确认提交',
+                content: '确定提交锁规无规格申请吗？',
+                success: (res) => {
+                    if (res.confirm) {
+                        specLockDelayApplication({
+                            ...this.detail,
+                            specLockDate: date,
+                            delayReason: reason
+                        }).then(res => {
+                            if (res.code === 200) {
+                                uni.showToast({ title: '提交成功', icon: 'success' })
+                                setTimeout(() => {
+                                    uni.navigateTo({ url: '/pages/contract_unlocked_operation/index' })
+                                }, 1000)
+                            } else {
+                                uni.showToast({ title: res.msg || '提交失败', icon: 'none' })
+                            }
+                        })
+                    }
+                }
+            })
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.page {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.scroll {
+    flex: 1;
+    padding: 8rpx 0 144rpx;
+}
+
+.detail-page {
+    background: #f3f3f3;
+}
+
+.section {
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+.section1 {
+    background: #fff;
+    margin-bottom: 20rpx;
+}
+
+.row {
+    display: flex;
+    margin-bottom: 20rpx;
+    align-items: center;
+}
+
+.row:last-child {
+    margin-bottom: 0;
+}
+
+.label {
+    width: 280rpx;
+    color: rgba(0, 0, 0, 0.6);
+    font-size: 28rpx;
+}
+
+.value {
+    flex: 1;
+    text-align: right;
+    color: rgba(0, 0, 0, 0.9);
+    font-size: 28rpx;
+}
+
+.customer {
+    font-weight: 600;
+    font-size: 36rpx;
+    color: rgba(0, 0, 0, 0.9);
+    padding-bottom: 12rpx;
+}
+
+.footer { 
+    position: fixed; 
+    left: 0; right: 0; bottom: 0; 
+    padding: 24rpx 32rpx 48rpx; 
+    background: #fff; 
+    box-shadow: 0 -8rpx 24rpx rgba(0,0,0,0.06);
+}
+.footer .btn { height: 80rpx; line-height: 80rpx; border-radius: 12rpx; font-size: 32rpx; }
+.footer .submit { background: $theme-primary; color: #fff; }
+
+::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: 162rpx;
+                margin-right: 32rpx;
+                color: rgba(0, 0, 0, 0.9);
+
+                .required {
+                    color: red;
+                    position: absolute;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    left: -16rpx;
+                }
+            }
+        }
+
+        &.select-item {
+            &.is-empty {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.4) !important;
+                }
+            }
+
+            &.is-filled {
+                .uni-list-item__extra-text {
+                    color: rgba(0, 0, 0, 0.9) !important;
+                }
+            }
+        }
+
+        &.mgb10 {
+            margin-bottom: 20rpx;
+        }
+    }
+}
+
+// ::v-deep .uni-list-item__container {
+//     padding: 32rpx;
+// }
+
+::v-deep .is-disabled {
+    background-color: transparent !important;
+}
+// ::v-deep .uni-list-item__content-title {
+//     font-size: 28rpx;
+//     color: rgba(0, 0, 0, 0.9);
+// }
+
+// ::v-deep .uni-list-item__extra-text {
+//     font-size: 32rpx;
+// }
+
+::v-deep .uni-easyinput {
+    width: 100%;
+}
+
+::v-deep .uni-easyinput__placeholder-class {
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.4);
+}
+
+::v-deep .uni-easyinput__content {
+    border: none;
+    display: flex;
+}
+
+::v-deep .uni-easyinput__content-input {
+    padding-left: 0 !important;
+    height: 48rpx;
+    line-height: 48rpx;
+    font-size: 32rpx;
+    color: rgba(0, 0, 0, 0.9);
+}
+</style>
\ No newline at end of file

@@ -137,7 +137,7 @@ export default {
 				{
 					text: '锁价无规格操作申请单',
 					icon: '/static/images/index/contract_foreign_unplan.png',
-					link: '/pages/contract_foreign_unplan/index',
+					link: '/pages/contract_unlocked_operation/index',
 					name: 'UnlockedOperationApplication'
 				},
 				],