Merge remote-tracking branch 'origin/master'
This commit is contained in:
commit
eef0b4a6ec
|
|
@ -19,6 +19,15 @@
|
||||||
>编码检索</view>
|
>编码检索</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
</uni-row>
|
</uni-row>
|
||||||
|
<div v-if="optionList.length > 1" class="select-container">
|
||||||
|
<uni-data-select
|
||||||
|
v-model="maId"
|
||||||
|
:localdata="optionList"
|
||||||
|
@change="changeTag"
|
||||||
|
placeholder="请选择相关联编号"
|
||||||
|
class="data-select"
|
||||||
|
></uni-data-select>
|
||||||
|
</div>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="form-section">
|
<view class="form-section">
|
||||||
|
|
@ -27,66 +36,66 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="form-content">
|
<view class="form-content">
|
||||||
<uni-forms :model="formData" label-width="100" :border="true">
|
<uni-forms :model="formData" label-width="100" :border="true">
|
||||||
<uni-forms-item label="设备类型:" name="leaseUnit">
|
<uni-forms-item label="设备类型:" name="maName">
|
||||||
<span class="form-view">激动角膜</span>
|
<span class="form-view">{{formData?.maName ?? ''}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="规格型号:" name="leaseProject">
|
<uni-forms-item label="规格型号:" name="maModel">
|
||||||
<span class="form-view">CJM-2</span>
|
<span class="form-view">{{formData?.maModel ?? ''}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="二维码编码:" name="maTypeName">
|
<uni-forms-item label="二维码编码:" name="qrCode">
|
||||||
<span class="form-view">ceshi123</span>
|
<span class="form-view">{{formData?.qrCode ?? ''}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="设备编码:" name="typeName">
|
<uni-forms-item label="设备编码:" name="maCode">
|
||||||
<span class="form-view">ceshi123</span>
|
<span class="form-view">{{formData?.maCode ?? ''}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="设备状态:" name="maxNum">
|
<uni-forms-item label="设备状态:" name="maStatus">
|
||||||
<span class="form-view">在用</span>
|
<span class="form-view">{{formData?.maStatus ?? ''}}</span>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="本次检修时间:" name="checkTimeSynch">
|
||||||
|
<text class="form-view">{{formData?.thisCheckTime ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="下次检修时间:" name="nextCheckTimeSynch">
|
||||||
|
<text class="form-view">{{formData?.nextCheckTime ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="出入库次数:" name="inOutNum">
|
||||||
|
<text class="form-view">{{formData?.inOutNum ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="初次入库:" name="inTime">
|
||||||
|
<text class="form-view">{{formData?.inTime ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="服务工程次数:" name="serviceNum">
|
||||||
|
<text class="form-view">{{formData?.serviceNum ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="检验次数:" name="checkNum">
|
||||||
|
<text class="form-view">{{formData?.checkNum ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="更换配件次数:" name="checkNum">
|
||||||
|
<text class="form-view">{{formData?.checkNum ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="报废:" name="scrapTime">
|
||||||
|
<text class="form-view">{{formData?.scrapTime ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="生产厂家:" name="statusName">
|
||||||
|
<text class="form-view">{{}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="领料单位:" name="leaseUnit">
|
||||||
|
<text class="form-view">{{formData?.leaseUnit ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="领料工程:" name="leaseProject">
|
||||||
|
<text class="form-view">{{formData?.leaseProject ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="领料时间:" name="leaseTime">
|
||||||
|
<text class="form-view">{{formData?.leaseTime ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="退料单位:" name="backUnit">
|
||||||
|
<text class="form-view">{{formData?.backUnit ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="退料工程:" name="backProject">
|
||||||
|
<text class="form-view">{{formData?.backProject ?? ''}}</text>
|
||||||
|
</uni-forms-item>
|
||||||
|
<uni-forms-item label="退料时间:" name="backTime">
|
||||||
|
<text class="form-view">{{formData?.backTime ?? ''}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="本次检修时间:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="下次检修时间:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="出入库次数:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="初次入库:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="服务工程次数:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="检验次数:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="更换配件次数:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="报废:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="生产厂家:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="领料单位:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="领料工程:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="领料时间:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="退料单位:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="退料工程:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
<uni-forms-item label="退料时间:" name="statusName">
|
|
||||||
<text class="form-view"></text>
|
|
||||||
</uni-forms-item>
|
|
||||||
</uni-forms>
|
</uni-forms>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -102,12 +111,36 @@
|
||||||
import { ref, computed, onUnmounted } from 'vue'
|
import { ref, computed, onUnmounted } from 'vue'
|
||||||
import { onLoad, onShow, } from '@dcloudio/uni-app'
|
import { onLoad, onShow, } from '@dcloudio/uni-app'
|
||||||
import { debounce } from 'lodash-es'
|
import { debounce } from 'lodash-es'
|
||||||
|
import { getDeviceListAPI } from '@/services/picking/outbound.js'
|
||||||
const queryParams = ref({})
|
const queryParams = ref({})
|
||||||
const formData = ref({})
|
const formData = ref({
|
||||||
|
maName: '',
|
||||||
|
maModel: '',
|
||||||
|
qrCode: '',
|
||||||
|
maCode: '',
|
||||||
|
maStatus: '',
|
||||||
|
thisCheckTime: '',
|
||||||
|
nextCheckTime: '',
|
||||||
|
inOutNum: '',
|
||||||
|
inTime: '',
|
||||||
|
serviceNum: '',
|
||||||
|
checkNum: '',
|
||||||
|
scrapTime: '',
|
||||||
|
statusName: '',
|
||||||
|
leaseUnit: '',
|
||||||
|
leaseProject: '',
|
||||||
|
leaseTime: '',
|
||||||
|
backUnit: '',
|
||||||
|
backProject: '',
|
||||||
|
backTime: ''
|
||||||
|
})
|
||||||
// 编码设备列表查询参数
|
// 编码设备列表查询参数
|
||||||
const queryCodeParams = ref({
|
const queryCodeParams = ref({
|
||||||
maCode: '',
|
maCode: '',
|
||||||
|
maId:'',
|
||||||
})
|
})
|
||||||
|
const maId = ref('')
|
||||||
|
const optionList = ref([])
|
||||||
// 页面加载完毕
|
// 页面加载完毕
|
||||||
onLoad((options) => {})
|
onLoad((options) => {})
|
||||||
|
|
||||||
|
|
@ -121,12 +154,55 @@ const onCodeSearch = () => {
|
||||||
const getCodeDeviceInfoData = async () => {
|
const getCodeDeviceInfoData = async () => {
|
||||||
console.log(queryCodeParams.value)
|
console.log(queryCodeParams.value)
|
||||||
// const res = await getCodeDeviceListAPI(queryCodeParams.value)
|
// const res = await getCodeDeviceListAPI(queryCodeParams.value)
|
||||||
// console.log(res)
|
getDeviceListAPI({'maCode': queryCodeParams.value.maCode}).then(response => {
|
||||||
|
console.log("xxxxxxxxxxx",response)
|
||||||
|
if (response.data && response.data.length !== 0) {
|
||||||
|
optionList.value = response.data.map(option => ({
|
||||||
|
value: option.maId,
|
||||||
|
text: option.maCode
|
||||||
|
}))
|
||||||
|
if(response.data.length === 1){
|
||||||
|
formData.value = response.data[0]
|
||||||
|
}
|
||||||
|
}else{
|
||||||
|
uni.showToast({
|
||||||
|
title: '未查询到该编号信息',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log(res)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 标签变更处理
|
||||||
|
const changeTag = async () => {
|
||||||
|
if (!maId.value) return
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await getDeviceListAPI({'maId': maId.value})
|
||||||
|
if (response.data && response.data.length !== 0) {
|
||||||
|
formData.value = response.data[0]
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("获取编号信息失败", error)
|
||||||
|
uni.showToast({
|
||||||
|
title: '获取信息失败',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.uni-forms-item--border[data-v-4c3fe719] {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0 0;
|
||||||
|
border-top: 1px #eee solid;
|
||||||
|
}
|
||||||
.page-container {
|
.page-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
||||||
|
|
@ -3,72 +3,72 @@
|
||||||
<!-- 表单信息区域 -->
|
<!-- 表单信息区域 -->
|
||||||
<scroll-view scroll-y style="height: 100vh;">
|
<scroll-view scroll-y style="height: 100vh;">
|
||||||
<view class="outbound-btn" @click="scanStart"> 二维码扫描 </view>
|
<view class="outbound-btn" @click="scanStart"> 二维码扫描 </view>
|
||||||
<ScanQrCode ref="scanQrCodeRef" @scanSuccess="handleScanSuccess" @scanError="handleScanError" />
|
<!-- <ScanQrCode ref="scanQrCodeRef" @scanSuccess="handleScanSuccess" @scanError="handleScanError" /> -->
|
||||||
<view class="form-section">
|
<view class="form-section">
|
||||||
<view class="section-header">
|
<view class="section-header">
|
||||||
<text class="title">设备信息</text>
|
<text class="title">设备信息</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="form-content">
|
<view class="form-content">
|
||||||
<uni-forms :model="formData" label-width="100" :border="true">
|
<uni-forms :model="formData" label-width="100" :border="true">
|
||||||
<uni-forms-item label="设备类型:" name="leaseUnit">
|
<uni-forms-item label="设备类型:" name="maName">
|
||||||
<span class="form-view">激动角膜</span>
|
<span class="form-view">{{codeData.maName}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="规格型号:" name="leaseProject">
|
<uni-forms-item label="规格型号:" name="maModel">
|
||||||
<span class="form-view">CJM-2</span>
|
<span class="form-view">{{codeData.maModel}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="二维码编码:" name="maTypeName">
|
<uni-forms-item label="二维码编码:" name="qrCode">
|
||||||
<span class="form-view">ceshi123</span>
|
<span class="form-view">{{codeData.qrCode}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="设备编码:" name="typeName">
|
<uni-forms-item label="设备编码:" name="maCode">
|
||||||
<span class="form-view">ceshi123</span>
|
<span class="form-view">{{codeData.maCode}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="设备状态:" name="maxNum">
|
<uni-forms-item label="设备状态:" name="maStatus">
|
||||||
<span class="form-view">在用</span>
|
<span class="form-view">{{codeData.maStatus}}</span>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="本次检修时间:" name="statusName">
|
<uni-forms-item label="本次检修时间:" name="checkTimeSynch">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.thisCheckTime}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="下次检修时间:" name="statusName">
|
<uni-forms-item label="下次检修时间:" name="nextCheckTimeSynch">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.nextCheckTime}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="出入库次数:" name="statusName">
|
<uni-forms-item label="出入库次数:" name="inOutNum">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.inOutNum}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="初次入库:" name="statusName">
|
<uni-forms-item label="初次入库:" name="inTime">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.inTime}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="服务工程次数:" name="statusName">
|
<uni-forms-item label="服务工程次数:" name="serviceNum">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.serviceNum}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="检验次数:" name="statusName">
|
<uni-forms-item label="检验次数:" name="serviceNum">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.serviceNum}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="更换配件次数:" name="statusName">
|
<uni-forms-item label="更换配件次数:" name="checkNum">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.checkNum}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="报废:" name="statusName">
|
<uni-forms-item label="报废:" name="scrapTime">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.scrapTime}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="生产厂家:" name="statusName">
|
<uni-forms-item label="生产厂家:" name="statusName">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="领料单位:" name="statusName">
|
<uni-forms-item label="领料单位:" name="leaseUnit">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.leaseUnit}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="领料工程:" name="statusName">
|
<uni-forms-item label="领料工程:" name="leaseProject">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.leaseProject}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="领料时间:" name="statusName">
|
<uni-forms-item label="领料时间:" name="leaseTime">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.leaseTime}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="退料单位:" name="statusName">
|
<uni-forms-item label="退料单位:" name="backUnit">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.backUnit}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="退料工程:" name="statusName">
|
<uni-forms-item label="退料工程:" name="backProject">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.backProject}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="退料时间:" name="statusName">
|
<uni-forms-item label="退料时间:" name="backTime">
|
||||||
<text class="form-view"></text>
|
<text class="form-view">{{codeData.backTime}}</text>
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
</uni-forms>
|
</uni-forms>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -85,7 +85,7 @@ import { ref, computed, onUnmounted } from 'vue'
|
||||||
import { onLoad, onShow, } from '@dcloudio/uni-app'
|
import { onLoad, onShow, } from '@dcloudio/uni-app'
|
||||||
import { debounce } from 'lodash-es'
|
import { debounce } from 'lodash-es'
|
||||||
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode.vue'
|
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode.vue'
|
||||||
import { getCodeScanAPI } from '@/services/picking/outbound.js'
|
import { getScanCodeAPI } from '@/services/picking/outbound.js'
|
||||||
const scanQrCodeRef = ref(null)
|
const scanQrCodeRef = ref(null)
|
||||||
|
|
||||||
const queryParams = ref({})
|
const queryParams = ref({})
|
||||||
|
|
@ -138,9 +138,11 @@ onShow(() => {
|
||||||
// }
|
// }
|
||||||
// 扫码识别按钮点击事件
|
// 扫码识别按钮点击事件
|
||||||
const scanStart = () => {
|
const scanStart = () => {
|
||||||
if (scanQrCodeRef.value) {
|
// if (scanQrCodeRef.value) {
|
||||||
scanQrCodeRef.value.scanQrCode()
|
// scanQrCodeRef.value.scanQrCode()
|
||||||
}
|
// }
|
||||||
|
qrCodeScan.value = '202502-00027'
|
||||||
|
getMaInfoScan()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 处理扫描成功事件
|
// 处理扫描成功事件
|
||||||
|
|
@ -160,11 +162,12 @@ const getMaInfoScan = async () => {
|
||||||
let param = {
|
let param = {
|
||||||
qrCode: qrCodeScan.value,
|
qrCode: qrCodeScan.value,
|
||||||
}
|
}
|
||||||
const res = await getCodeScanAPI(param)
|
console.log(param)
|
||||||
|
const res = await getScanCodeAPI(param)
|
||||||
console.log(res)
|
console.log(res)
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data && res.data.recordList.length > 0) {
|
if (res.data) {
|
||||||
codeData.value = res.data.recordList[0]
|
codeData.value = res.data
|
||||||
}else{
|
}else{
|
||||||
uni.showToast({ title: res.data.msg, icon: 'none'})
|
uni.showToast({ title: res.data.msg, icon: 'none'})
|
||||||
}
|
}
|
||||||
|
|
@ -179,6 +182,11 @@ const getMaInfoScan = async () => {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.uni-forms-item--border[data-v-4c3fe719] {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0 0;
|
||||||
|
border-top: 1px #eee solid;
|
||||||
|
}
|
||||||
.page-container {
|
.page-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -122,7 +122,7 @@ const getUserInfoByUserName = async () => {
|
||||||
const userName = userInfo.value.userName
|
const userName = userInfo.value.userName
|
||||||
console.log('🚀 ~ getUserInfoByUserName ~ userName:', userName)
|
console.log('🚀 ~ getUserInfoByUserName ~ userName:', userName)
|
||||||
const res = await getUserInfoByUserNameApi({ userName })
|
const res = await getUserInfoByUserNameApi({ userName })
|
||||||
idCard.value = res.data.idCard
|
idCard.value = res?.data?.idCard
|
||||||
console.log('🚀 ~ getUserInfoByUserName ~ idCard.value:', idCard.value)
|
console.log('🚀 ~ getUserInfoByUserName ~ idCard.value:', idCard.value)
|
||||||
uni.setStorageSync('idCard', idCard.value)
|
uni.setStorageSync('idCard', idCard.value)
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|
|
||||||
|
|
@ -218,7 +218,7 @@ const getTeamList = async () => {
|
||||||
const getProjectListApi = async () => {
|
const getProjectListApi = async () => {
|
||||||
console.log('🚀 ~ 工程')
|
console.log('🚀 ~ 工程')
|
||||||
try {
|
try {
|
||||||
const res = await getProjectList({ unitId: null, isApp: true, teamName: formData.teamName })
|
const res = await getProjectList({ unitId: null, isApp: true, teamId: formData.teamId })
|
||||||
if (!res.data || !res.data.length) return
|
if (!res.data || !res.data.length) return
|
||||||
console.log('🚀 ~ getProjectListApi ~ res:', res)
|
console.log('🚀 ~ getProjectListApi ~ res:', res)
|
||||||
prodRange.value = res.data.map((item) => {
|
prodRange.value = res.data.map((item) => {
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
|
|
||||||
<!-- 滚动列表 -->
|
<!-- 滚动列表 -->
|
||||||
<scroll-view scroll-y @scrolltolower="onScrollTolower" class="scroll-container">
|
<scroll-view scroll-y @scrolltolower="onScrollTolower" class="scroll-container">
|
||||||
<uni-swipe-action class="swipe-action">
|
<uni-swipe-action class="swipe-action" ref="swipeRef">
|
||||||
<uni-swipe-action-item
|
<uni-swipe-action-item
|
||||||
v-for="(item, index) in tableList"
|
v-for="(item, index) in tableList"
|
||||||
:right-options="item.options"
|
:right-options="item.options"
|
||||||
|
|
@ -112,6 +112,7 @@ const items = ref(['未完成', '已完成'])
|
||||||
const current = ref(0)
|
const current = ref(0)
|
||||||
const tableList = ref([])
|
const tableList = ref([])
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
|
const swipeRef = ref()
|
||||||
const finish = computed(() => {
|
const finish = computed(() => {
|
||||||
if (total.value === tableList.value.length) return true
|
if (total.value === tableList.value.length) return true
|
||||||
})
|
})
|
||||||
|
|
@ -199,12 +200,14 @@ const onClickSwipe = async (e, item) => {
|
||||||
// 删除
|
// 删除
|
||||||
await deleteItem(item)
|
await deleteItem(item)
|
||||||
}
|
}
|
||||||
|
swipeRef.value.closeAll()
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('操作失败:', error)
|
console.error('操作失败:', error)
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: error.message || '操作失败',
|
title: error.message || '操作失败',
|
||||||
icon: 'error',
|
icon: 'error',
|
||||||
})
|
})
|
||||||
|
swipeRef.value.closeAll()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -135,7 +135,7 @@
|
||||||
<uni-row :gutter="24">
|
<uni-row :gutter="24">
|
||||||
<uni-col :span="6">规格型号:</uni-col>
|
<uni-col :span="6">规格型号:</uni-col>
|
||||||
<uni-col :span="16">
|
<uni-col :span="16">
|
||||||
<view class="cont">{{ item.materialModel }}</view>
|
<view class="cont">{{ item.typeName }}</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
</uni-row>
|
</uni-row>
|
||||||
<uni-row :gutter="24">
|
<uni-row :gutter="24">
|
||||||
|
|
@ -191,7 +191,7 @@ const queryCodeParams = ref({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 9999,
|
pageSize: 9999,
|
||||||
typeId: '',
|
typeId: '',
|
||||||
maStatus: 1,
|
// maStatus: 1,
|
||||||
maCode: '',
|
maCode: '',
|
||||||
})
|
})
|
||||||
const qrCodeScan = ref('')
|
const qrCodeScan = ref('')
|
||||||
|
|
@ -217,6 +217,8 @@ onLoad((opt) => {
|
||||||
// queryParamsTemp.value.id = queryParamsTemp.value.parentId
|
// queryParamsTemp.value.id = queryParamsTemp.value.parentId
|
||||||
console.log('xxxxxxxx', queryParamsTemp.value)
|
console.log('xxxxxxxx', queryParamsTemp.value)
|
||||||
queryCodeParams.value.typeId = queryParamsTemp.value.typeId
|
queryCodeParams.value.typeId = queryParamsTemp.value.typeId
|
||||||
|
queryCodeParams.value.proId = queryParamsTemp.value.proId
|
||||||
|
queryCodeParams.value.teamId = queryParamsTemp.value.teamId
|
||||||
queryParams.value = { ...queryParamsTemp.value }
|
queryParams.value = { ...queryParamsTemp.value }
|
||||||
if (queryParamsTemp.value.isBack) {
|
if (queryParamsTemp.value.isBack) {
|
||||||
getCodeList() // 获取编码列表
|
getCodeList() // 获取编码列表
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
|
|
||||||
<!-- 滚动列表 -->
|
<!-- 滚动列表 -->
|
||||||
<scroll-view scroll-y @scrolltolower="onScrollTolower">
|
<scroll-view scroll-y @scrolltolower="onScrollTolower">
|
||||||
<uni-swipe-action>
|
<uni-swipe-action ref="swipeRef">
|
||||||
<uni-swipe-action-item
|
<uni-swipe-action-item
|
||||||
v-for="(item, index) in tableList"
|
v-for="(item, index) in tableList"
|
||||||
:right-options="item.options"
|
:right-options="item.options"
|
||||||
|
|
@ -110,6 +110,7 @@ const items = ref(['未完成', '已完成'])
|
||||||
const current = ref(0)
|
const current = ref(0)
|
||||||
const tableList = ref([])
|
const tableList = ref([])
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
|
const swipeRef = ref()
|
||||||
|
|
||||||
const finish = computed(() => {
|
const finish = computed(() => {
|
||||||
if (total.value === tableList.value.length) return true
|
if (total.value === tableList.value.length) return true
|
||||||
|
|
@ -196,7 +197,7 @@ const onScrollTolower = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
// 滑动
|
// 滑动
|
||||||
const onClickSwipe = async (e, item) => {
|
const onClickSwipe = async (e, item, itemIndex) => {
|
||||||
console.log('🚀 ~ onClickSwipe ~ e:', e, item)
|
console.log('🚀 ~ onClickSwipe ~ e:', e, item)
|
||||||
if (e.content.text == '电子签名') {
|
if (e.content.text == '电子签名') {
|
||||||
// 电子签名
|
// 电子签名
|
||||||
|
|
@ -205,6 +206,7 @@ const onClickSwipe = async (e, item) => {
|
||||||
const params = {
|
const params = {
|
||||||
id: item.id,
|
id: item.id,
|
||||||
leaseSignUrl: item.leaseSignUrl,
|
leaseSignUrl: item.leaseSignUrl,
|
||||||
|
leaseSignType: item.leaseSignType,
|
||||||
isToolsLease: true,
|
isToolsLease: true,
|
||||||
}
|
}
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
|
@ -225,6 +227,7 @@ const onClickSwipe = async (e, item) => {
|
||||||
// 删除
|
// 删除
|
||||||
deleteItem(item)
|
deleteItem(item)
|
||||||
}
|
}
|
||||||
|
swipeRef.value.closeAll()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除
|
// 删除
|
||||||
|
|
|
||||||
|
|
@ -82,7 +82,7 @@
|
||||||
<uni-th width="180" align="center">规格型号</uni-th>
|
<uni-th width="180" align="center">规格型号</uni-th>
|
||||||
<uni-th width="80" align="center">在库数</uni-th>
|
<uni-th width="80" align="center">在库数</uni-th>
|
||||||
<uni-th width="80" align="center">在用数</uni-th>
|
<uni-th width="80" align="center">在用数</uni-th>
|
||||||
<uni-th width="80" align="center">预领数</uni-th>
|
<uni-th width="80" align="center" v-if="opts.isOut">预领数</uni-th>
|
||||||
<uni-th width="100" align="center">{{ opts.isOut ? '出库数' : '领用数' }}</uni-th>
|
<uni-th width="100" align="center">{{ opts.isOut ? '出库数' : '领用数' }}</uni-th>
|
||||||
<uni-th width="100" align="center">操作</uni-th>
|
<uni-th width="100" align="center">操作</uni-th>
|
||||||
</uni-tr>
|
</uni-tr>
|
||||||
|
|
@ -94,7 +94,7 @@
|
||||||
</uni-td>
|
</uni-td>
|
||||||
<uni-td align="center">{{ item.storageNum }}</uni-td>
|
<uni-td align="center">{{ item.storageNum }}</uni-td>
|
||||||
<uni-td align="center">{{ item.useNum }}</uni-td>
|
<uni-td align="center">{{ item.useNum }}</uni-td>
|
||||||
<uni-td align="center">{{ item.preNum }}</uni-td>
|
<uni-td align="center" v-if="opts.isOut">{{ item.preNum }}</uni-td>
|
||||||
<uni-td align="center"
|
<uni-td align="center"
|
||||||
><uni-easyinput
|
><uni-easyinput
|
||||||
v-if="item.manageType == 1 || !opts.isOut"
|
v-if="item.manageType == 1 || !opts.isOut"
|
||||||
|
|
@ -130,7 +130,7 @@
|
||||||
删除
|
删除
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="item.manageType == 0 && !item.maCodeList"
|
v-if="item.manageType == 0 && item.maCodeList"
|
||||||
class="uni-button"
|
class="uni-button"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click="handleDetail(item)"
|
@click="handleDetail(item)"
|
||||||
|
|
@ -401,8 +401,9 @@ const changeEquipment = (e) => {
|
||||||
const equipment = findEquipmentById(equipmentList.value, e.parentId)
|
const equipment = findEquipmentById(equipmentList.value, e.parentId)
|
||||||
tableData.value.push({
|
tableData.value.push({
|
||||||
...JSON.parse(JSON.stringify(e)),
|
...JSON.parse(JSON.stringify(e)),
|
||||||
|
storageNum: e.num,
|
||||||
maTypeName: equipment.typeName,
|
maTypeName: equipment.typeName,
|
||||||
preNum: e.manageType == 1 ? 1 : 0, // 数量默认为1
|
preNum: 1, // 数量默认为1
|
||||||
maCodeList: [],
|
maCodeList: [],
|
||||||
})
|
})
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|
@ -441,7 +442,9 @@ const getCode = (item) => {
|
||||||
}
|
}
|
||||||
item.isEdit = opts.value.isEdit
|
item.isEdit = opts.value.isEdit
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/materialsStation/toolsLease/codeOut?params=' + JSON.stringify(item),
|
url:
|
||||||
|
'/pages/materialsStation/toolsLease/codeOut?params=' +
|
||||||
|
JSON.stringify({ ...item, proId: formData.projectId, teamId: formData.teamId }),
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -571,7 +574,7 @@ onShow(() => {
|
||||||
// 监听添加编码
|
// 监听添加编码
|
||||||
uni.$on('maCodeList', (data) => {
|
uni.$on('maCodeList', (data) => {
|
||||||
console.log('🚀 ~ onShow ~ data:', data)
|
console.log('🚀 ~ onShow ~ data:', data)
|
||||||
const item = tableData.value.find((item) => item.typeId === data[0].typeId)
|
const item = tableData.value.find((item) => item.typeId == data[0].typeId)
|
||||||
console.log('🚀 ~ onShow ~ item:', item)
|
console.log('🚀 ~ onShow ~ item:', item)
|
||||||
if (item) {
|
if (item) {
|
||||||
item.maCodeList = data
|
item.maCodeList = data
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,7 @@ import {
|
||||||
updateLeaseApplyInfoSign,
|
updateLeaseApplyInfoSign,
|
||||||
updateSignById,
|
updateSignById,
|
||||||
} from '@/services/signature.js'
|
} from '@/services/signature.js'
|
||||||
|
import { toolsLeaseApplyInfoSign } from '@/services/materialsStation'
|
||||||
import { baseURL } from '@/utils/http'
|
import { baseURL } from '@/utils/http'
|
||||||
|
|
||||||
let isCanvas = ref(false)
|
let isCanvas = ref(false)
|
||||||
|
|
@ -37,7 +38,7 @@ onLoad((opt) => {
|
||||||
// console.log('🚀 ~ onLoad ~ opt:', opt)
|
// console.log('🚀 ~ onLoad ~ opt:', opt)
|
||||||
const params = opt.params ? JSON.parse(opt.params) : {}
|
const params = opt.params ? JSON.parse(opt.params) : {}
|
||||||
Object.assign(opts, params)
|
Object.assign(opts, params)
|
||||||
if (opts.isLease) {
|
if (opts.isLease || opts.isToolsLease) {
|
||||||
signType.value = opts.leaseSignType
|
signType.value = opts.leaseSignType
|
||||||
imgPath.value = opts.leaseSignUrl
|
imgPath.value = opts.leaseSignUrl
|
||||||
}
|
}
|
||||||
|
|
@ -206,7 +207,7 @@ const onCameraSuccess = (file) => {
|
||||||
publishTask: opts.publishTask || '',
|
publishTask: opts.publishTask || '',
|
||||||
}
|
}
|
||||||
console.log('🚀 ~ success: ~ params:', params)
|
console.log('🚀 ~ success: ~ params:', params)
|
||||||
updateLeaseApplyInfoSign(params).then((res) => {
|
toolsLeaseApplyInfoSign(params).then((res) => {
|
||||||
console.log('🚀 ~ uploadImg-领料 ~ res:', res)
|
console.log('🚀 ~ uploadImg-领料 ~ res:', res)
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
})
|
})
|
||||||
|
|
@ -262,7 +263,7 @@ const uploadImg2 = async (base64Data) => {
|
||||||
publishTask: opts.publishTask || '',
|
publishTask: opts.publishTask || '',
|
||||||
}
|
}
|
||||||
console.log('🚀 ~ success: ~ params:', params)
|
console.log('🚀 ~ success: ~ params:', params)
|
||||||
const res = await updateLeaseApplyInfoSign(params)
|
const res = await toolsLeaseApplyInfoSign(params)
|
||||||
console.log('🚀 ~ uploadImg-领料 ~ res:', res)
|
console.log('🚀 ~ uploadImg-领料 ~ res:', res)
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
} else if (opts.isBack) {
|
} else if (opts.isBack) {
|
||||||
|
|
|
||||||
|
|
@ -39,7 +39,7 @@ export function updateTeamProjectApi(data) {
|
||||||
// 预警统计
|
// 预警统计
|
||||||
export function getToolsLedgerDetailsListApi(data) {
|
export function getToolsLedgerDetailsListApi(data) {
|
||||||
return http({
|
return http({
|
||||||
url: '/material/complex_query/getToolsLedgerDetailsList',
|
url: '/material/material_maMachine/getToolsLedgerDetailsList',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
|
|
@ -84,8 +84,8 @@ export const getProjectList = (data = {}) => {
|
||||||
// 类型规格-树
|
// 类型规格-树
|
||||||
export const getTypeTreeList = (data) => {
|
export const getTypeTreeList = (data) => {
|
||||||
return http({
|
return http({
|
||||||
method: 'GET',
|
method: 'post',
|
||||||
url: '/material/ma_type/equipmentType',
|
url: '/material/material_lease_apply_info/equipmentType',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -162,7 +162,7 @@ export const getMachineByIdApi = (data) => {
|
||||||
export const getCodeDeviceListAPI = (data) => {
|
export const getCodeDeviceListAPI = (data) => {
|
||||||
return http({
|
return http({
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
url: '/material/ma_machine/list',
|
url: '/material/material_lease_apply_info/getMachineById',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -207,7 +207,7 @@ export const editBackTask = (data) => {
|
||||||
export const getUseTypeTree = (data) => {
|
export const getUseTypeTree = (data) => {
|
||||||
return http({
|
return http({
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
url: '/material/select/getUseTypeTree',
|
url: '/material/material_back_apply_info/getUseTypeTree',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -234,7 +234,7 @@ export const getMachine = (data) => {
|
||||||
export const getToolsLedgerList = (data) => {
|
export const getToolsLedgerList = (data) => {
|
||||||
return http({
|
return http({
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
url: '/material/complex_query/getToolsLedgerList',
|
url: '/material/material_maMachine/getToolsLedgerList',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -243,7 +243,7 @@ export const getToolsLedgerList = (data) => {
|
||||||
export const getTeamUseNumList = (data) => {
|
export const getTeamUseNumList = (data) => {
|
||||||
return http({
|
return http({
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
url: '/material/complex_query/getTeamUseNumList',
|
url: '/material/material_maMachine/getTeamUseNumList',
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -251,8 +251,17 @@ export const getTeamUseNumList = (data) => {
|
||||||
// 班组预警
|
// 班组预警
|
||||||
export function getTeamWarnDetailsListApi(data) {
|
export function getTeamWarnDetailsListApi(data) {
|
||||||
return http({
|
return http({
|
||||||
url: '/material/complex_query/getTeamWarnDetailsList',
|
url: '/material/material_maMachine/getTeamWarnDetailsList',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
data
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 签名-领料
|
||||||
|
export const toolsLeaseApplyInfoSign = (data) => {
|
||||||
|
return http({
|
||||||
|
method: 'POST',
|
||||||
|
url: '/material/material_lease_apply_info/updateLeaseApplyInfoSign',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -76,6 +76,22 @@ export const getCodeScanAPI = (data) => {
|
||||||
data,
|
data,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const getScanCodeAPI = (data) => {
|
||||||
|
return http({
|
||||||
|
method: 'GET',
|
||||||
|
url: '/material/ma_machine/getHisByQrcode',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getDeviceListAPI = (data) => {
|
||||||
|
return http({
|
||||||
|
method: 'GET',
|
||||||
|
url: '/material/ma_machine/getHisByCode',
|
||||||
|
data,
|
||||||
|
})
|
||||||
|
}
|
||||||
//出库退回
|
//出库退回
|
||||||
export const leaseOutBackApi = (data) => {
|
export const leaseOutBackApi = (data) => {
|
||||||
return http({
|
return http({
|
||||||
|
|
|
||||||
|
|
@ -1,562 +1,432 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="uni-stat__select">
|
<view class="uni-stat__select">
|
||||||
<span v-if="label" class="uni-label-text hide-on-phone">{{label + ':'}}</span>
|
<span v-if="label" class="uni-label-text hide-on-phone">{{ label + ':' }}</span>
|
||||||
<view class="uni-stat-box" :class="{'uni-stat__actived': current}">
|
<view class="uni-stat-box" :class="{ 'uni-stat__actived': current }">
|
||||||
<view class="uni-select" :class="{'uni-select--disabled':disabled}">
|
<view class="uni-select" :class="{ 'uni-select--disabled': disabled }">
|
||||||
<view class="uni-select__input-box" @click="toggleSelector">
|
<view class="uni-select__input-box" @click="toggleSelector">
|
||||||
<view v-if="current" class="uni-select__input-text">{{textShow}}</view>
|
<view v-if="current" class="uni-select__input-text">{{ textShow }}</view>
|
||||||
<view v-else class="uni-select__input-text uni-select__input-placeholder">{{typePlaceholder}}</view>
|
<view v-else class="uni-select__input-text uni-select__input-placeholder">{{
|
||||||
<view v-if="current && clear && !disabled" @click.stop="clearVal">
|
typePlaceholder
|
||||||
<uni-icons type="clear" color="#c0c4cc" size="24" />
|
}}</view>
|
||||||
</view>
|
<view v-if="current && clear && !disabled" @click.stop="clearVal">
|
||||||
<view v-else>
|
<uni-icons type="clear" color="#c0c4cc" size="24" />
|
||||||
<uni-icons :type="showSelector? 'top' : 'bottom'" size="14" color="#999" />
|
</view>
|
||||||
</view>
|
<view v-else>
|
||||||
</view>
|
<uni-icons :type="showSelector ? 'top' : 'bottom'" size="14" color="#999" />
|
||||||
<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" />
|
</view>
|
||||||
<view class="uni-select__selector" :style="getOffsetByPlacement" v-if="showSelector">
|
</view>
|
||||||
<view :class="placement=='bottom'?'uni-popper__arrow_bottom':'uni-popper__arrow_top'"></view>
|
<view class="uni-select--mask" v-if="showSelector" @click="toggleSelector" />
|
||||||
<scroll-view scroll-y="true" class="uni-select__selector-scroll">
|
<view class="uni-select__selector" :style="getOffsetByPlacement" v-if="showSelector">
|
||||||
<view class="uni-select__selector-empty" v-if="mixinDatacomResData.length === 0">
|
<view
|
||||||
<text>{{emptyTips}}</text>
|
:class="placement == 'bottom' ? 'uni-popper__arrow_bottom' : 'uni-popper__arrow_top'"
|
||||||
</view>
|
></view>
|
||||||
<view v-else class="uni-select__selector-item" v-for="(item,index) in mixinDatacomResData" :key="index"
|
|
||||||
@click="change(item)">
|
<!-- 🔍 搜索输入框,受 searchable 控制 -->
|
||||||
<text :class="{'uni-select__selector__disabled': item.disable}">{{formatItemName(item)}}</text>
|
<view v-if="searchable" class="uni-select__search-box">
|
||||||
</view>
|
<uni-easyinput
|
||||||
</scroll-view>
|
v-model="searchValue"
|
||||||
</view>
|
placeholder="请输入关键词"
|
||||||
</view>
|
clearable
|
||||||
</view>
|
@input="onSearchInput"
|
||||||
</view>
|
/>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y="true" class="uni-select__selector-scroll">
|
||||||
|
<view class="uni-select__selector-empty" v-if="filteredData.length === 0">
|
||||||
|
<text>{{ emptyTips }}</text>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
v-else
|
||||||
|
class="uni-select__selector-item"
|
||||||
|
v-for="(item, index) in filteredData"
|
||||||
|
:key="index"
|
||||||
|
@click="change(item)"
|
||||||
|
>
|
||||||
|
<text :class="{ 'uni-select__selector__disabled': item.disable }">
|
||||||
|
{{ formatItemName(item) }}
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
/**
|
/**
|
||||||
* DataChecklist 数据选择器
|
* DataChecklist 数据选择器
|
||||||
* @description 通过数据渲染的下拉框组件
|
* @description 通过数据渲染的下拉框组件
|
||||||
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-data-select
|
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-data-select
|
||||||
* @property {String} value 默认值
|
* @property {String} value 默认值
|
||||||
* @property {Array} localdata 本地数据 ,格式 [{text:'',value:''}]
|
* @property {Array} localdata 本地数据 ,格式 [{text:'',value:''}]
|
||||||
* @property {Boolean} clear 是否可以清空已选项
|
* @property {Boolean} clear 是否可以清空已选项
|
||||||
* @property {Boolean} emptyText 没有数据时显示的文字 ,本地数据无效
|
* @property {Boolean} emptyText 没有数据时显示的文字 ,本地数据无效
|
||||||
* @property {String} label 左侧标题
|
* @property {String} label 左侧标题
|
||||||
* @property {String} placeholder 输入框的提示文字
|
* @property {String} placeholder 输入框的提示文字
|
||||||
* @property {Boolean} disabled 是否禁用
|
* @property {Boolean} disabled 是否禁用
|
||||||
* @property {String} placement 弹出位置
|
* @property {String} placement 弹出位置
|
||||||
* @value top 顶部弹出
|
* @value top 顶部弹出
|
||||||
* @value bottom 底部弹出(default)
|
* @value bottom 底部弹出(default)
|
||||||
* @event {Function} change 选中发生变化触发
|
* @event {Function} change 选中发生变化触发
|
||||||
*/
|
* @property {Boolean} searchable 是否显示搜索框
|
||||||
|
*/
|
||||||
export default {
|
export default {
|
||||||
name: "uni-data-select",
|
name: 'uni-data-select',
|
||||||
mixins: [uniCloud.mixinDatacom || {}],
|
mixins: [uniCloud.mixinDatacom || {}],
|
||||||
props: {
|
props: {
|
||||||
localdata: {
|
localdata: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default () {
|
default() {
|
||||||
return []
|
return []
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
value: {
|
value: {
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
modelValue: {
|
modelValue: {
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
label: {
|
label: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
placeholder: {
|
placeholder: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '请选择'
|
default: '请选择',
|
||||||
},
|
},
|
||||||
emptyTips: {
|
emptyTips: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '无选项'
|
default: '无选项',
|
||||||
},
|
},
|
||||||
clear: {
|
clear: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true,
|
||||||
},
|
},
|
||||||
defItem: {
|
defItem: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 0
|
default: 0,
|
||||||
},
|
},
|
||||||
disabled: {
|
disabled: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false,
|
||||||
},
|
},
|
||||||
// 格式化输出 用法 field="_id as value, version as text, uni_platform as label" format="{label} - {text}"
|
format: {
|
||||||
format: {
|
type: String,
|
||||||
type: String,
|
default: '',
|
||||||
default: ''
|
},
|
||||||
},
|
placement: {
|
||||||
placement: {
|
type: String,
|
||||||
type: String,
|
default: 'bottom',
|
||||||
default: 'bottom'
|
},
|
||||||
}
|
searchable: {
|
||||||
},
|
type: Boolean,
|
||||||
data() {
|
default: true,
|
||||||
return {
|
},
|
||||||
showSelector: false,
|
},
|
||||||
current: '',
|
data() {
|
||||||
mixinDatacomResData: [],
|
return {
|
||||||
apps: [],
|
showSelector: false,
|
||||||
channels: [],
|
current: '',
|
||||||
cacheKey: "uni-data-select-lastSelectedValue",
|
searchValue: '',
|
||||||
};
|
mixinDatacomResData: [],
|
||||||
},
|
cacheKey: 'uni-data-select-lastSelectedValue',
|
||||||
created() {
|
}
|
||||||
this.debounceGet = this.debounce(() => {
|
},
|
||||||
this.query();
|
created() {
|
||||||
}, 300);
|
this.debounceGet = this.debounce(() => {
|
||||||
if (this.collection && !this.localdata.length) {
|
this.query()
|
||||||
this.debounceGet();
|
}, 300)
|
||||||
}
|
if (this.collection && !this.localdata?.length) {
|
||||||
},
|
this.debounceGet()
|
||||||
computed: {
|
}
|
||||||
typePlaceholder() {
|
},
|
||||||
const text = {
|
computed: {
|
||||||
'opendb-stat-app-versions': '版本',
|
typePlaceholder() {
|
||||||
'opendb-app-channels': '渠道',
|
const map = {
|
||||||
'opendb-app-list': '应用'
|
'opendb-stat-app-versions': '版本',
|
||||||
}
|
'opendb-app-channels': '渠道',
|
||||||
const common = this.placeholder
|
'opendb-app-list': '应用',
|
||||||
const placeholder = text[this.collection]
|
}
|
||||||
return placeholder ?
|
const p = map[this.collection] || ''
|
||||||
common + placeholder :
|
return this.placeholder + (p ? p : '')
|
||||||
common
|
},
|
||||||
},
|
valueCom() {
|
||||||
valueCom() {
|
return this.modelValue ?? this.value
|
||||||
// #ifdef VUE3
|
},
|
||||||
return this.modelValue;
|
textShow() {
|
||||||
// #endif
|
const text = this.current
|
||||||
// #ifndef VUE3
|
return text.length > 10 ? text.slice(0, 25) + '...' : text
|
||||||
return this.value;
|
},
|
||||||
// #endif
|
getOffsetByPlacement() {
|
||||||
},
|
return this.placement === 'top' ? 'bottom:calc(100% + 12px);' : 'top:calc(100% + 12px);'
|
||||||
textShow() {
|
},
|
||||||
// 长文本显示
|
filteredData() {
|
||||||
let text = this.current;
|
const keyword = this.searchValue.trim().toLowerCase()
|
||||||
if (text.length > 10) {
|
if (!this.searchable || !keyword) return this.mixinDatacomResData
|
||||||
return text.slice(0, 25) + '...';
|
return this.mixinDatacomResData.filter((item) =>
|
||||||
}
|
this.formatItemName(item).toLowerCase().includes(keyword),
|
||||||
return text;
|
)
|
||||||
},
|
},
|
||||||
getOffsetByPlacement() {
|
},
|
||||||
switch (this.placement) {
|
watch: {
|
||||||
case 'top':
|
localdata: {
|
||||||
return "bottom:calc(100% + 12px);";
|
immediate: true,
|
||||||
case 'bottom':
|
handler(val) {
|
||||||
return "top:calc(100% + 12px);";
|
if (Array.isArray(val)) {
|
||||||
}
|
this.mixinDatacomResData = val
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
},
|
||||||
watch: {
|
valueCom() {
|
||||||
localdata: {
|
this.initDefVal()
|
||||||
immediate: true,
|
},
|
||||||
handler(val, old) {
|
mixinDatacomResData: {
|
||||||
if (Array.isArray(val) && old !== val) {
|
immediate: true,
|
||||||
this.mixinDatacomResData = val
|
handler(val) {
|
||||||
}
|
if (val.length) this.initDefVal()
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
valueCom(val, old) {
|
},
|
||||||
this.initDefVal()
|
methods: {
|
||||||
},
|
debounce(fn, time = 100) {
|
||||||
mixinDatacomResData: {
|
let timer = null
|
||||||
immediate: true,
|
return function (...args) {
|
||||||
handler(val) {
|
clearTimeout(timer)
|
||||||
if (val.length) {
|
timer = setTimeout(() => fn.apply(this, args), time)
|
||||||
this.initDefVal()
|
}
|
||||||
}
|
},
|
||||||
}
|
query() {
|
||||||
},
|
this.mixinDatacomEasyGet()
|
||||||
|
},
|
||||||
},
|
onMixinDatacomPropsChange() {
|
||||||
methods: {
|
if (this.collection) this.debounceGet()
|
||||||
debounce(fn, time = 100) {
|
},
|
||||||
let timer = null
|
initDefVal() {
|
||||||
return function(...args) {
|
let defValue = ''
|
||||||
if (timer) clearTimeout(timer)
|
if ((this.valueCom || this.valueCom === 0) && !this.isDisabled(this.valueCom)) {
|
||||||
timer = setTimeout(() => {
|
defValue = this.valueCom
|
||||||
fn.apply(this, args)
|
} else {
|
||||||
}, time)
|
const stored = this.getCache()
|
||||||
}
|
if (stored || stored === 0) {
|
||||||
},
|
defValue = stored
|
||||||
// 执行数据库查询
|
} else if (this.defItem > 0 && this.defItem <= this.mixinDatacomResData.length) {
|
||||||
query() {
|
defValue = this.mixinDatacomResData[this.defItem - 1].value
|
||||||
this.mixinDatacomEasyGet();
|
}
|
||||||
},
|
if (defValue || defValue === 0) {
|
||||||
// 监听查询条件变更事件
|
this.emit(defValue)
|
||||||
onMixinDatacomPropsChange() {
|
}
|
||||||
if (this.collection) {
|
}
|
||||||
this.debounceGet();
|
const item = this.mixinDatacomResData.find((i) => i.value === defValue)
|
||||||
}
|
this.current = item ? this.formatItemName(item) : ''
|
||||||
},
|
},
|
||||||
initDefVal() {
|
isDisabled(value) {
|
||||||
let defValue = ''
|
return this.mixinDatacomResData.some((item) => item.value === value && item.disable)
|
||||||
if ((this.valueCom || this.valueCom === 0) && !this.isDisabled(this.valueCom)) {
|
},
|
||||||
defValue = this.valueCom
|
clearVal() {
|
||||||
} else {
|
this.emit('')
|
||||||
let strogeValue
|
if (this.collection) this.removeCache()
|
||||||
if (this.collection) {
|
},
|
||||||
strogeValue = this.getCache()
|
change(item) {
|
||||||
}
|
if (!item.disable) {
|
||||||
if (strogeValue || strogeValue === 0) {
|
this.showSelector = false
|
||||||
defValue = strogeValue
|
this.searchValue = ''
|
||||||
} else {
|
this.current = this.formatItemName(item)
|
||||||
let defItem = ''
|
this.emit(item.value)
|
||||||
if (this.defItem > 0 && this.defItem <= this.mixinDatacomResData.length) {
|
}
|
||||||
defItem = this.mixinDatacomResData[this.defItem - 1].value
|
},
|
||||||
}
|
emit(val) {
|
||||||
defValue = defItem
|
this.$emit('input', val)
|
||||||
}
|
this.$emit('update:modelValue', val)
|
||||||
if (defValue || defValue === 0) {
|
this.$emit('change', val)
|
||||||
this.emit(defValue)
|
if (this.collection) this.setCache(val)
|
||||||
}
|
},
|
||||||
}
|
toggleSelector() {
|
||||||
const def = this.mixinDatacomResData.find(item => item.value === defValue)
|
if (this.disabled) return
|
||||||
this.current = def ? this.formatItemName(def) : ''
|
this.showSelector = !this.showSelector
|
||||||
},
|
if (!this.showSelector && this.searchable) this.searchValue = ''
|
||||||
|
},
|
||||||
/**
|
onSearchInput(val) {
|
||||||
* @param {[String, Number]} value
|
this.searchValue = val
|
||||||
* 判断用户给的 value 是否同时为禁用状态
|
},
|
||||||
*/
|
formatItemName(item) {
|
||||||
isDisabled(value) {
|
if (this.format) {
|
||||||
let isDisabled = false;
|
let str = this.format
|
||||||
|
for (const key in item) {
|
||||||
this.mixinDatacomResData.forEach(item => {
|
str = str.replace(new RegExp(`{${key}}`, 'g'), item[key])
|
||||||
if (item.value === value) {
|
}
|
||||||
isDisabled = item.disable
|
return str
|
||||||
}
|
}
|
||||||
})
|
if (this.collection?.includes('app-list')) {
|
||||||
|
return `${item.text}(${item.value})`
|
||||||
return isDisabled;
|
}
|
||||||
},
|
return item.text || `未命名${item.channel_code ? '(' + item.channel_code + ')' : ''}`
|
||||||
|
},
|
||||||
clearVal() {
|
getCache(name = this.collection) {
|
||||||
this.emit('')
|
return (uni.getStorageSync(this.cacheKey) || {})[name]
|
||||||
if (this.collection) {
|
},
|
||||||
this.removeCache()
|
setCache(value, name = this.collection) {
|
||||||
}
|
const cache = uni.getStorageSync(this.cacheKey) || {}
|
||||||
},
|
cache[name] = value
|
||||||
change(item) {
|
uni.setStorageSync(this.cacheKey, cache)
|
||||||
if (!item.disable) {
|
},
|
||||||
this.showSelector = false
|
removeCache(name = this.collection) {
|
||||||
this.current = this.formatItemName(item)
|
const cache = uni.getStorageSync(this.cacheKey) || {}
|
||||||
this.emit(item.value)
|
delete cache[name]
|
||||||
}
|
uni.setStorageSync(this.cacheKey, cache)
|
||||||
},
|
},
|
||||||
emit(val) {
|
},
|
||||||
this.$emit('input', val)
|
}
|
||||||
this.$emit('update:modelValue', val)
|
|
||||||
this.$emit('change', val)
|
|
||||||
if (this.collection) {
|
|
||||||
this.setCache(val);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
toggleSelector() {
|
|
||||||
if (this.disabled) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
this.showSelector = !this.showSelector
|
|
||||||
},
|
|
||||||
formatItemName(item) {
|
|
||||||
let {
|
|
||||||
text,
|
|
||||||
value,
|
|
||||||
channel_code
|
|
||||||
} = item
|
|
||||||
channel_code = channel_code ? `(${channel_code})` : ''
|
|
||||||
|
|
||||||
if (this.format) {
|
|
||||||
// 格式化输出
|
|
||||||
let str = "";
|
|
||||||
str = this.format;
|
|
||||||
for (let key in item) {
|
|
||||||
str = str.replace(new RegExp(`{${key}}`, "g"), item[key]);
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
} else {
|
|
||||||
return this.collection.indexOf('app-list') > 0 ?
|
|
||||||
`${text}(${value})` :
|
|
||||||
(
|
|
||||||
text ?
|
|
||||||
text :
|
|
||||||
`未命名${channel_code}`
|
|
||||||
)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 获取当前加载的数据
|
|
||||||
getLoadData() {
|
|
||||||
return this.mixinDatacomResData;
|
|
||||||
},
|
|
||||||
// 获取当前缓存key
|
|
||||||
getCurrentCacheKey() {
|
|
||||||
return this.collection;
|
|
||||||
},
|
|
||||||
// 获取缓存
|
|
||||||
getCache(name = this.getCurrentCacheKey()) {
|
|
||||||
let cacheData = uni.getStorageSync(this.cacheKey) || {};
|
|
||||||
return cacheData[name];
|
|
||||||
},
|
|
||||||
// 设置缓存
|
|
||||||
setCache(value, name = this.getCurrentCacheKey()) {
|
|
||||||
let cacheData = uni.getStorageSync(this.cacheKey) || {};
|
|
||||||
cacheData[name] = value;
|
|
||||||
uni.setStorageSync(this.cacheKey, cacheData);
|
|
||||||
},
|
|
||||||
// 删除缓存
|
|
||||||
removeCache(name = this.getCurrentCacheKey()) {
|
|
||||||
let cacheData = uni.getStorageSync(this.cacheKey) || {};
|
|
||||||
delete cacheData[name];
|
|
||||||
uni.setStorageSync(this.cacheKey, cacheData);
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
$uni-base-color: #6a6a6a !default;
|
.uni-select__search-box {
|
||||||
$uni-main-color: #333 !default;
|
padding: 5px 10px;
|
||||||
$uni-secondary-color: #909399 !default;
|
border-bottom: 1px solid #eee;
|
||||||
$uni-border-3: #e5e5e5;
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
/* #ifndef APP-NVUE */
|
.uni-stat__select {
|
||||||
@media screen and (max-width: 500px) {
|
display: flex;
|
||||||
.hide-on-phone {
|
align-items: center;
|
||||||
display: none;
|
width: 100%;
|
||||||
}
|
flex: 1;
|
||||||
}
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
/* #endif */
|
.uni-stat-box {
|
||||||
.uni-stat__select {
|
width: 100%;
|
||||||
display: flex;
|
flex: 1;
|
||||||
align-items: center;
|
}
|
||||||
// padding: 15px;
|
|
||||||
/* #ifdef H5 */
|
|
||||||
cursor: pointer;
|
|
||||||
/* #endif */
|
|
||||||
width: 100%;
|
|
||||||
flex: 1;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-stat-box {
|
.uni-stat__actived {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-stat__actived {
|
.uni-label-text {
|
||||||
width: 100%;
|
font-size: 14px;
|
||||||
flex: 1;
|
font-weight: bold;
|
||||||
// outline: 1px solid #2979ff;
|
color: #6a6a6a;
|
||||||
}
|
margin: auto 0;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-label-text {
|
.uni-select {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
border: 1px solid #e5e5e5;
|
||||||
color: $uni-base-color;
|
box-sizing: border-box;
|
||||||
margin: auto 0;
|
border-radius: 4px;
|
||||||
margin-right: 5px;
|
padding: 0 5px;
|
||||||
}
|
padding-left: 10px;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
user-select: none;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: solid 1px #e5e5e5;
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
|
||||||
.uni-select {
|
&--disabled {
|
||||||
font-size: 14px;
|
background-color: #f5f7fa;
|
||||||
border: 1px solid $uni-border-3;
|
cursor: not-allowed;
|
||||||
box-sizing: border-box;
|
}
|
||||||
border-radius: 4px;
|
}
|
||||||
padding: 0 5px;
|
|
||||||
padding-left: 10px;
|
|
||||||
position: relative;
|
|
||||||
/* #ifndef APP-NVUE */
|
|
||||||
display: flex;
|
|
||||||
user-select: none;
|
|
||||||
/* #endif */
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: solid 1px $uni-border-3;
|
|
||||||
width: 100%;
|
|
||||||
flex: 1;
|
|
||||||
height: 35px;
|
|
||||||
|
|
||||||
&--disabled {
|
.uni-select__input-box {
|
||||||
background-color: #f5f7fa;
|
height: 35px;
|
||||||
cursor: not-allowed;
|
display: flex;
|
||||||
}
|
flex: 1;
|
||||||
}
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-select__label {
|
.uni-select__input-text {
|
||||||
font-size: 16px;
|
width: 100%;
|
||||||
// line-height: 22px;
|
color: #333;
|
||||||
height: 35px;
|
white-space: nowrap;
|
||||||
padding-right: 10px;
|
text-overflow: ellipsis;
|
||||||
color: $uni-secondary-color;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-select__input-box {
|
.uni-select__input-placeholder {
|
||||||
height: 35px;
|
color: #6a6a6a;
|
||||||
position: relative;
|
font-size: 12px;
|
||||||
/* #ifndef APP-NVUE */
|
}
|
||||||
display: flex;
|
|
||||||
/* #endif */
|
|
||||||
flex: 1;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-select__input {
|
.uni-select__selector {
|
||||||
flex: 1;
|
box-sizing: border-box;
|
||||||
font-size: 14px;
|
position: absolute;
|
||||||
height: 22px;
|
left: 0;
|
||||||
line-height: 22px;
|
width: 100%;
|
||||||
}
|
background-color: #fff;
|
||||||
|
border: 1px solid #ebeef5;
|
||||||
|
border-radius: 6px;
|
||||||
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
|
||||||
|
z-index: 3;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-select__input-plac {
|
.uni-select__selector-scroll {
|
||||||
font-size: 14px;
|
max-height: 200px;
|
||||||
color: $uni-secondary-color;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.uni-select__selector {
|
.uni-select__selector-empty,
|
||||||
/* #ifndef APP-NVUE */
|
.uni-select__selector-item {
|
||||||
box-sizing: border-box;
|
display: flex;
|
||||||
/* #endif */
|
cursor: pointer;
|
||||||
position: absolute;
|
line-height: 35px;
|
||||||
left: 0;
|
font-size: 14px;
|
||||||
width: 100%;
|
text-align: center;
|
||||||
background-color: #FFFFFF;
|
padding: 0 10px;
|
||||||
border: 1px solid #EBEEF5;
|
}
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
||||||
z-index: 3;
|
|
||||||
padding: 4px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-select__selector-scroll {
|
.uni-select__selector-item:hover {
|
||||||
/* #ifndef APP-NVUE */
|
background-color: #f9f9f9;
|
||||||
max-height: 200px;
|
}
|
||||||
box-sizing: border-box;
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #ifdef H5 */
|
.uni-select__selector__disabled {
|
||||||
@media (min-width: 768px) {
|
opacity: 0.4;
|
||||||
.uni-select__selector-scroll {
|
cursor: default;
|
||||||
max-height: 600px;
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* #endif */
|
.uni-select--mask {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-select__selector-empty,
|
.uni-popper__arrow_bottom,
|
||||||
.uni-select__selector-item {
|
.uni-popper__arrow_top {
|
||||||
/* #ifndef APP-NVUE */
|
position: absolute;
|
||||||
display: flex;
|
width: 0;
|
||||||
cursor: pointer;
|
height: 0;
|
||||||
/* #endif */
|
border: 6px solid transparent;
|
||||||
line-height: 35px;
|
}
|
||||||
font-size: 14px;
|
|
||||||
text-align: center;
|
|
||||||
/* border-bottom: solid 1px $uni-border-3; */
|
|
||||||
padding: 0px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-select__selector-item:hover {
|
.uni-popper__arrow_bottom {
|
||||||
background-color: #f9f9f9;
|
top: -6px;
|
||||||
}
|
left: 10%;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-bottom-color: #ebeef5;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-select__selector-empty:last-child,
|
.uni-popper__arrow_top {
|
||||||
.uni-select__selector-item:last-child {
|
bottom: -6px;
|
||||||
/* #ifndef APP-NVUE */
|
left: 10%;
|
||||||
border-bottom: none;
|
border-bottom-width: 0;
|
||||||
/* #endif */
|
border-top-color: #ebeef5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-select__selector__disabled {
|
@media screen and (max-width: 500px) {
|
||||||
opacity: 0.4;
|
.hide-on-phone {
|
||||||
cursor: default;
|
display: none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
/* picker 弹出层通用的指示小三角 */
|
|
||||||
.uni-popper__arrow_bottom,
|
|
||||||
.uni-popper__arrow_bottom::after,
|
|
||||||
.uni-popper__arrow_top,
|
|
||||||
.uni-popper__arrow_top::after,
|
|
||||||
{
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-color: transparent;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-popper__arrow_bottom {
|
|
||||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
|
||||||
top: -6px;
|
|
||||||
left: 10%;
|
|
||||||
margin-right: 3px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-color: #EBEEF5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-popper__arrow_bottom::after {
|
|
||||||
content: " ";
|
|
||||||
top: 1px;
|
|
||||||
margin-left: -6px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-popper__arrow_top {
|
|
||||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
|
||||||
bottom: -6px;
|
|
||||||
left: 10%;
|
|
||||||
margin-right: 3px;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-top-color: #EBEEF5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-popper__arrow_top::after {
|
|
||||||
content: " ";
|
|
||||||
bottom: 1px;
|
|
||||||
margin-left: -6px;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-top-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.uni-select__input-text {
|
|
||||||
// width: 280px;
|
|
||||||
width: 100%;
|
|
||||||
color: $uni-main-color;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
-o-text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-select__input-placeholder {
|
|
||||||
color: $uni-base-color;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uni-select--mask {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,6 @@ const httpInterceptor = {
|
||||||
const memberStore = useMemberStore()
|
const memberStore = useMemberStore()
|
||||||
const token = memberStore.token
|
const token = memberStore.token
|
||||||
|
|
||||||
// const token = "eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VyX2tleSI6IjQ2NDdmYjlkLWI5OTItNDRiNy05MTdkLTMwZjg0ZjUxYzM5MCIsInVzZXJuYW1lIjoiYWRtaW4ifQ.9xM5bFhrmHK09-4ZgL5SS8WraNIJjIijuB-1P0lJF-n0KlVM5Bglvyjltk1NQbdqgi1hwRocZS1OU41cLiwuig"
|
|
||||||
if (token) {
|
if (token) {
|
||||||
options.header.Authorization = token
|
options.header.Authorization = token
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ export default defineConfig({
|
||||||
// 在此处编写代理规则
|
// 在此处编写代理规则
|
||||||
'/api': {
|
'/api': {
|
||||||
// target: 'http://192.168.2.76:18080',
|
// target: 'http://192.168.2.76:18080',
|
||||||
target: 'http://192.168.0.41:18080',
|
target: 'http://192.168.0.96:18080',
|
||||||
// target: 'http://36.33.26.201:19988/prod-api/',
|
// target: 'http://36.33.26.201:19988/prod-api/',
|
||||||
// target: 'http://192.168.0.234:18080',
|
// target: 'http://192.168.0.234:18080',
|
||||||
// target: 'http://localhost:18080',
|
// target: 'http://localhost:18080',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue