生产补料验证
This commit is contained in:
parent
9739773744
commit
51150258ff
142
pages/supplement/bluetoothList.vue
Normal file
142
pages/supplement/bluetoothList.vue
Normal file
@ -0,0 +1,142 @@
|
||||
<template>
|
||||
<up-popup :show="state.show" @close="close">
|
||||
<view class="warehouse-listBox" ref="listBoxRef">
|
||||
<scroll-view id="scroll-box" class="scroll-box" scroll-y="true" :style="{'height':state.scrollHeight+'px'}" >
|
||||
<view class="list-box-list">
|
||||
<view class="data-item" v-for="(item, index) of state.dataList" :key="index" @click="getAddressFun(item)">
|
||||
<view class="tit">{{ t('index.sbmc') }}：{{ item.name }}</view>
|
||||
<view class="line-p"></view>
|
||||
<view class="b-font">{{ t('index.sbbm') }}：{{ item.address }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</up-popup>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, nextTick, onMounted, ref, computed, defineProps, defineEmits, watch } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom, } from '@dcloudio/uni-app'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
const getI18n = useI18n()
|
||||
const { t, locale } = getI18n
|
||||
const emits = defineEmits(['getAddress'])
|
||||
const state = reactive({
|
||||
show:false,
|
||||
dataList: [],
|
||||
scrollHeight: 0,
|
||||
})
|
||||
const getAddressFun = (row:any) => {
|
||||
emits('getAddress',row)
|
||||
}
|
||||
const open = () => {
|
||||
state.show = true
|
||||
nextTick(() => {
|
||||
if (state.show) {
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
query.select(".warehouse-listBox").boundingClientRect((data : any) => {
|
||||
state.scrollHeight = data.height
|
||||
}).exec();
|
||||
}
|
||||
})
|
||||
}
|
||||
const getList = (item:any) => {
|
||||
state.dataList.push(item)
|
||||
}
|
||||
const close = () => {
|
||||
state.show = false
|
||||
state.dataList = []
|
||||
}
|
||||
defineExpose({
|
||||
open,
|
||||
close,
|
||||
getList
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
:deep(.u-popup__content) {
|
||||
border-top-left-radius: 16rpx;
|
||||
border-top-right-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 32rpx;
|
||||
background-color: #F5F5F5;
|
||||
min-height: 85vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.popupText {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
margin: 16rpx 0;
|
||||
}
|
||||
|
||||
.input-box {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
padding: 0 16rpx;
|
||||
border-radius: 24rpx;
|
||||
margin: 0 0 16rpx 0;
|
||||
|
||||
.u-textarea {
|
||||
padding: 0 !important;
|
||||
font-size: 24rpx !important;
|
||||
color: #999999 !important;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx 0;
|
||||
color: #222222;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
|
||||
.item-title {
|
||||
//font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.item-text {
|
||||
font-weight: 400;
|
||||
font-size: 27rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.warehouse-listBox {
|
||||
display: block;
|
||||
flex: 1;
|
||||
|
||||
.list-box-list {
|
||||
width: 100%;
|
||||
|
||||
// margin: 20rpx auto;
|
||||
.data-item {
|
||||
border: 1px solid #efeaea;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0rpx 15rpx 15rpx #efeaea;
|
||||
padding: 20rpx 20rpx 0;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
.tit {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.line-p {
|
||||
border: 1px solid #efeaea;
|
||||
}
|
||||
|
||||
.b-font {
|
||||
font-size: 25rpx;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
332
pages/supplement/print.vue
Normal file
332
pages/supplement/print.vue
Normal file
@ -0,0 +1,332 @@
|
||||
<template>
|
||||
<view class="app status-bar-gap">
|
||||
<view class="page">
|
||||
<l-header :title="t('index.zbdy')" sticky></l-header>
|
||||
<view class="data-item" :style="[{'background-color':'#ffffff'}]">
|
||||
<view class="dataText">
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.djbh')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ state.pageData.FBillNo }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-box" @click="printingMachineSelectFun">
|
||||
<view class="input-item">
|
||||
<up-input :placeholder="t('index.qxzdyj')" border="none" clearable inputAlign="left"
|
||||
v-model="state.printingMachine.name" confirmType="next" :disabled="true">
|
||||
<template #prefix>
|
||||
<view class="item-title" style="margin-right: 16rpx;">{{ t('index.dyj') }}</view>
|
||||
</template>
|
||||
<template #suffix>
|
||||
<up-icon name="search" color="#6c6c6c" size="24"></up-icon>
|
||||
</template>
|
||||
</up-input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btnList" style="margin-top: 32rpx;">
|
||||
<up-button class="btnItem" type="primary" shape="circle" :text="t('index.dyj')" @click="sendHexStr"></up-button>
|
||||
</view>
|
||||
</view>
|
||||
<bluetoothList ref="bluetoothListRef" :dataList="state.bluetoothList" @getAddress="getAddressFun" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive, nextTick, onMounted, ref, computed, watch } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom, onBackPress } from '@dcloudio/uni-app'
|
||||
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue'
|
||||
import { PRD_MOEnterIntoPro, UHIK_BD_BarCodeMainFileSave, getPrintData } from '../../common/request/api/api';
|
||||
import { timeFormat } from '@/uni_modules/uview-plus';
|
||||
import bluetoothList from './bluetoothList.vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
const getI18n = useI18n()
|
||||
const { t, locale } = getI18n
|
||||
const bluetoothListRef = ref()
|
||||
// #ifdef APP-PLUS
|
||||
const blueModule = uni.requireNativePlugin("gp-bluetooth")
|
||||
import * as tsc from '../../components/gprint/tsc.js'
|
||||
// #endif
|
||||
|
||||
const state = reactive({
|
||||
id: '',
|
||||
FBillNo: '',
|
||||
pageData: {},
|
||||
printingMachine: {
|
||||
name: '',
|
||||
address: ''
|
||||
},
|
||||
bluetoothList: [],
|
||||
sendData: '',
|
||||
printDataList: []
|
||||
})
|
||||
onLoad((pageData : any) => {
|
||||
state.pageData = pageData
|
||||
console.log(pageData);
|
||||
})
|
||||
onShow(() => {
|
||||
uni.getLocation({
|
||||
type: 'wgs84',
|
||||
success(res) {
|
||||
console.log('开启定位权限', res)
|
||||
},
|
||||
});
|
||||
// #ifdef APP-PLUS
|
||||
hasPermission()
|
||||
// #endif
|
||||
})
|
||||
//获取蓝牙权限并打开蓝牙
|
||||
const hasPermission = () => {
|
||||
console.log(uni.getStorageSync('printInfo'));
|
||||
blueModule.checkConnect({
|
||||
mac: uni.getStorageSync('printInfo').address,
|
||||
uuid: '00001101-0000-1000-8000-00805f9b34fb'
|
||||
}, (ret : any) => {
|
||||
console.log(ret);
|
||||
if (!ret.success) {
|
||||
uni.setStorageSync('printInfo', {})
|
||||
state.printingMachine = {
|
||||
name: '',
|
||||
address: ''
|
||||
}
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
mask: true,
|
||||
title: t('index.ljydk'),
|
||||
})
|
||||
}, 500)
|
||||
}
|
||||
|
||||
});
|
||||
blueModule.hasPermission((res : any) => {
|
||||
if (res.success) {
|
||||
blueModule.isOpen((isOpenRes : any) => {
|
||||
console.log(isOpenRes)
|
||||
if (isOpenRes.success) {
|
||||
state.printingMachine.name = uni.getStorageSync('printInfo').name
|
||||
state.printingMachine.address = uni.getStorageSync('printInfo').address
|
||||
} else {
|
||||
uni.setStorageSync('printInfo', {})
|
||||
state.printingMachine.name = ''
|
||||
state.printingMachine.address = ''
|
||||
blueModule.openBT((openBTRes : any) => {
|
||||
console.log(openBTRes)
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
uni.$u.toast(t('index.whqdlyqx'))
|
||||
}
|
||||
});
|
||||
}
|
||||
//读取附近蓝牙设备
|
||||
const ReadTheAttachedBluetoothDevice = () => {
|
||||
state.bluetoothList = []
|
||||
blueModule.searchBT((res : any) => {
|
||||
if (res.success) {
|
||||
console.log(res);
|
||||
if (res.data?.name) {
|
||||
bluetoothListRef.value.getList(res.data)
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
const printingMachineSelectFun = () => {
|
||||
ReadTheAttachedBluetoothDevice()
|
||||
bluetoothListRef.value.open()
|
||||
}
|
||||
|
||||
const getAddressFun = (row : any) => {
|
||||
blueModule.disconnectAll((ret) => {
|
||||
console.log(ret);
|
||||
});
|
||||
blueModule.connect({
|
||||
MACAddress: row.address,
|
||||
uuid: '00001101-0000-1000-8000-00805f9b34fb',
|
||||
sleepTime: 50
|
||||
}, (result : any) => {
|
||||
//连接结果
|
||||
console.log(result)
|
||||
if (result.success) {
|
||||
uni.$u.toast(t('index.ljcg'))
|
||||
state.printingMachine.name = row.name
|
||||
state.printingMachine.address = row.address
|
||||
bluetoothListRef.value.close()
|
||||
uni.setStorageSync('printInfo', { name: row.name, address: row.address })
|
||||
} else {
|
||||
uni.$u.toast(t('index.ljsb'))
|
||||
}
|
||||
}, (data : any) => {
|
||||
console.log(data)
|
||||
})
|
||||
}
|
||||
const createLabel = () => {
|
||||
var command = tsc.default.createNew()
|
||||
command.setSize(100, 50)
|
||||
command.setGap(2)
|
||||
command.setCls()
|
||||
command.setQR(50, 65, "L", 9, "A", state.pageData.fBillNo)
|
||||
command.setText(260, 64, "TSS24.BF2", 1, 1, state.pageData.fBillNo)
|
||||
command.setPagePrint()
|
||||
state.sendData = command.getData();
|
||||
}
|
||||
|
||||
const sendHexStr = () => {
|
||||
createLabel()
|
||||
if (state.sendData == null) {
|
||||
return
|
||||
}
|
||||
let hexStr = ''
|
||||
var data = Array.from(state.sendData)
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var str = Number(data[i]).toString(16)
|
||||
str = str.length == 1 ? "0" + str : str
|
||||
hexStr += str
|
||||
}
|
||||
|
||||
function splitString(str, length) {
|
||||
var strLen = str.length
|
||||
var resArr = []
|
||||
for (var i = 0; i < strLen; i += length) {
|
||||
resArr.push(str.substring(i, i + length))
|
||||
}
|
||||
return resArr
|
||||
}
|
||||
|
||||
var sendloop = splitString(hexStr, 250);
|
||||
console.log(sendloop.length)
|
||||
function realWriteData(sendloop, i) {
|
||||
var data = sendloop[i]
|
||||
if (typeof (data) == "undefined") {
|
||||
return
|
||||
}
|
||||
console.log("第【" + i + "】次写数据" + data)
|
||||
var ret = blueModule.sendHexStr(data, (result) => {
|
||||
//结果
|
||||
console.log('发送结果')
|
||||
console.log(result)
|
||||
if (!result.success) {
|
||||
uni.$u.toast(t('index.ljydk'))
|
||||
uni.setStorageSync('printInfo', {})
|
||||
state.printingMachine = {
|
||||
name: '',
|
||||
address: ''
|
||||
}
|
||||
return
|
||||
}
|
||||
if (result.success) {
|
||||
realWriteData(sendloop, i + 1);
|
||||
}
|
||||
});
|
||||
//console.log(ret)
|
||||
}
|
||||
var i = 0;
|
||||
realWriteData(sendloop, i);
|
||||
}
|
||||
const formatLangTextValue = (val : any) => {
|
||||
let lang_Id = uni.getStorageSync('locale')
|
||||
let item = val.find(p => p.Key == (lang_Id == 'cn' ? 2052 : 1033));
|
||||
if (item != null) {
|
||||
return item.Value;
|
||||
}
|
||||
return val[0].Value;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.uni-date__x-input) {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
:deep(.u-input) {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.app {
|
||||
background-color: #F5F5F5;
|
||||
|
||||
.page {
|
||||
padding: 18px 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
|
||||
.input-box {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
padding: 0 16rpx;
|
||||
border-radius: 16rpx;
|
||||
margin: 16rpx 0;
|
||||
|
||||
.u-textarea {
|
||||
padding: 0 !important;
|
||||
font-size: 24rpx !important;
|
||||
color: #999999 !important;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx 0;
|
||||
color: #222222;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
|
||||
.item-title {
|
||||
//font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.item-text {
|
||||
font-weight: 400;
|
||||
font-size: 27rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-item {
|
||||
border: 1px solid #efeaea;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx 22rpx;
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.btnList {
|
||||
display: flex;
|
||||
margin-bottom: 32rpx;
|
||||
|
||||
.btnItem {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.timebox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
.itemBox {
|
||||
line-height: 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8rpx;
|
||||
|
||||
.zongjian {
|
||||
height: 1px;
|
||||
flex: 1;
|
||||
background-color: #f0f0f0;
|
||||
margin: 0 16rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
208
pages/supplementaryValidation/index.vue
Normal file
208
pages/supplementaryValidation/index.vue
Normal file
@ -0,0 +1,208 @@
|
||||
<template>
|
||||
<view class="app status-bar-gap">
|
||||
<view class="page">
|
||||
<l-header :title="t('home.scblyz')" sticky></l-header>
|
||||
<architecture ref="architectureRef" :dataType="t('home.scblyz')" :placeholder="t('index.scdd')"
|
||||
@scanConfirm="scanConfirmFun" @inputConfirm="changeFun" />
|
||||
<view class="receive-listBox" ref="listBoxRef">
|
||||
<scroll-view id="scroll-box" class="scroll-box" scroll-y="true" :style="{'height':state.scrollHeight+'px'}"
|
||||
@scrolltolower="fnScrollBottom()">
|
||||
<view class="list-box-list" v-if="state.dataList.length > 0">
|
||||
<view class="data-item" @click.stop="fnToUrl(item)" v-for="(item, index) in state.dataList" :key="index">
|
||||
<view class="tit">{{ t('index.scdd') }}：{{item.FBillNo}}</view>
|
||||
<view class="line-p"></view>
|
||||
<view class="b-font">{{ t('receive.rq') }}：{{item.FDateFormat}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="state.dataList.length==0">
|
||||
<up-empty mode="list"></up-empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, nextTick, onMounted, ref } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { parseTime } from '../../utils/tools.js';
|
||||
import { PRDPPBOMList, PRD_FeedMtrlList, PRD_ReturnMtrlList } from '../../common/request/api/api';
|
||||
const listBoxRef = ref(null)
|
||||
const getI18n = useI18n()
|
||||
const architectureRef = ref()
|
||||
const { t, locale } = getI18n
|
||||
const state = reactive({
|
||||
queryString: '',
|
||||
dataList: [],
|
||||
scrollHeight: 0,
|
||||
page: {
|
||||
pageIndex: 1,
|
||||
pageSize: 200,
|
||||
totalCount: 0
|
||||
}
|
||||
})
|
||||
|
||||
onShow(() => {
|
||||
|
||||
})
|
||||
onMounted(() => {
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
query.select(".receive-listBox").boundingClientRect((data) => {
|
||||
state.scrollHeight = data.height
|
||||
}).exec();
|
||||
fnDataList()
|
||||
})
|
||||
const scanConfirmFun = (e : any) => {
|
||||
state.queryString = e
|
||||
state.page.pageIndex = 1
|
||||
state.dataList = []
|
||||
fnDataList()
|
||||
architectureRef.value.closeFun()
|
||||
}
|
||||
const fnScrollBottom = () => {
|
||||
console.log(state.page.pageIndex * state.page.pageSize, state.page.totalCount);
|
||||
if (state.page.pageIndex * state.page.pageSize <= state.page.totalCount) {
|
||||
debugger
|
||||
state.page.pageIndex++;
|
||||
uni.showLoading({ mask: true });
|
||||
setTimeout(() => {
|
||||
fnDataList();
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
const fnToUrl = (item : any) => {
|
||||
toPages('/pages/supplementaryValidation/material', { id: item.FID, fBillNo: item.FBillNo })
|
||||
}
|
||||
const debounceTimer = ref()
|
||||
const changeFun = (e : any) => {
|
||||
if (debounceTimer.value !== null) clearTimeout(debounceTimer.value)
|
||||
debounceTimer.value = setTimeout(() => {
|
||||
state.queryString = e
|
||||
state.page.pageIndex = 1
|
||||
state.dataList = []
|
||||
fnDataList()
|
||||
})
|
||||
}
|
||||
const fnDataList = () => {
|
||||
let param = {
|
||||
queryString: state.queryString,
|
||||
pageIndex: state.page.pageIndex,
|
||||
pageSize: state.page.pageSize,
|
||||
FType: 'Return'
|
||||
};
|
||||
if (state.page.pageIndex == 1) {
|
||||
uni.showLoading({ mask: true });
|
||||
}
|
||||
PRD_FeedMtrlList(param).then(res => {
|
||||
uni.hideLoading();
|
||||
if (res.code == 200) {
|
||||
let result = res.data;
|
||||
let dataArray = result.list;
|
||||
dataArray.forEach(p => {
|
||||
p.FDateFormat = parseTime(p.FCREATEDATE, '{y}-{m}-{d}');
|
||||
});
|
||||
|
||||
if (state.page.pageIndex == 1) {
|
||||
state.dataList = dataArray;
|
||||
}
|
||||
else {
|
||||
state.dataList = state.dataList.concat(dataArray);
|
||||
}
|
||||
state.page.totalCount = result.total;
|
||||
|
||||
if (state.dataList.length == state.page.totalCount) {
|
||||
// more_status.value = 'nomore';
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
const toPages = (url : string, data : any = {}) => {
|
||||
uni.$u.route({
|
||||
url: url,
|
||||
params: data
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F5F5F5;
|
||||
|
||||
.page {
|
||||
padding: 18px 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
|
||||
.input-box {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
padding: 0 16rpx;
|
||||
border-radius: 24rpx;
|
||||
margin: 0 0 32rpx 0;
|
||||
|
||||
.u-textarea {
|
||||
padding: 0 !important;
|
||||
font-size: 24rpx !important;
|
||||
color: #999999 !important;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx 0;
|
||||
color: #222222;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
|
||||
.item-title {
|
||||
//font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.item-text {
|
||||
font-weight: 400;
|
||||
font-size: 27rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.receive-listBox {
|
||||
flex: 1;
|
||||
|
||||
.list-box-list {
|
||||
width: 100%;
|
||||
|
||||
// margin: 20rpx auto;
|
||||
.data-item {
|
||||
border: 1px solid #efeaea;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0rpx 15rpx 15rpx #efeaea;
|
||||
padding: 20rpx 20rpx 0;
|
||||
margin-bottom: 20rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
.tit {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.line-p {
|
||||
border: 1px solid #efeaea;
|
||||
}
|
||||
|
||||
.b-font {
|
||||
font-size: 25rpx;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
424
pages/supplementaryValidation/material.vue
Normal file
424
pages/supplementaryValidation/material.vue
Normal file
@ -0,0 +1,424 @@
|
||||
<template>
|
||||
<view class="app status-bar-gap">
|
||||
<view class="page">
|
||||
<l-header :title="state.FBillNo" sticky #right>
|
||||
<view style="margin-right: 32rpx;" @click="dataPushNotification">{{ t('receive.tj') }}</view>
|
||||
</l-header>
|
||||
<architecture ref="architectureRef" :dataType="t('home.llyz')" icon="scan" :placeholder="t('verify.tm')"
|
||||
@scanConfirm="scanConfirmFun" @inputConfirm="changeFun"
|
||||
:fence="[state.scanFrameRefShow,state.shortcutRefShow]" />
|
||||
<view class="material-listBox">
|
||||
<scroll-view id="scroll-box" class="scroll-box" scroll-y="true" :style="{'height':state.scrollHeight+'px'}">
|
||||
<view class="list-box-list" v-if="state.dataList.length > 0">
|
||||
<view class="data-item" v-for="(item, index) in state.dataList"
|
||||
:style="[{'background-color':interpolation(item)},{'margin-bottom':index + 1 === state.dataList.length ? '80px' : '20px'}]"
|
||||
:key="index">
|
||||
<view class="text" style="margin-bottom: 20px;display: flex;">
|
||||
<view>{{ item.MaterialName }}</view>
|
||||
</view>
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.djbh')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ state.FBillNo }}</view>
|
||||
</view>
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.wlbm')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ item.MaterialNo }}</view>
|
||||
</view>
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.ph')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ item.Lot }}</view>
|
||||
</view>
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.ys')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ item.CheckJoinQty }}</view>
|
||||
</view>
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.ws')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ item.NoCheckQty }}</view>
|
||||
</view>
|
||||
<view class="itemBox">
|
||||
<view>{{t('receive.yss')}}</view>
|
||||
<view class="zongjian"></view>
|
||||
<view>{{ item.CheckQty }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="text-align: center;color: #F5F5F5;height: 20px;"></view>
|
||||
</view>
|
||||
<view v-if="state.dataList.length==0">
|
||||
<up-empty mode="list"></up-empty>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<scanFrame ref="scanFrameRef" @confirmation="scanFrameCnfirmation" :qtyState="true"
|
||||
@scanFrameDataFeedback="(res:object)=>{state.scanFrameDataFeedback = res}"
|
||||
@fast="(row:any)=>{state.scanFrameDataFeedback = row}" @err="scanFrameErrFun" @boxShow="scanFrameBoxShowShow" />
|
||||
<shortcut ref="shortcutRef" @dataToscanFrame="dataToscanFrameFun" @boxShow="shortcutBoxShowShow" />
|
||||
<tools ref="toolsRef" @defaultPopup="defaultPopupFun" @scanRecord="scanRecordFun" />
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { reactive, nextTick, onMounted, ref, computed, watch } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom, } from '@dcloudio/uni-app'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { parseTime } from '../../utils/tools.js';
|
||||
import { PRDPPBOMPush, PRDPPBOMScanData, PRDPPBOMView, PRD_FeedMtrlCheck, PRD_FeedMtrlScanData, PRD_FeedMtrlView, fStockFlexDetailDelete, temporaryScanDraftSave, temporaryScanList } from '../../common/request/api/api';
|
||||
import scanFrame from '../../components/scan-frame/scan-frame.vue'
|
||||
import tools from '../../components/tools/tools.vue'
|
||||
import shortcut from '../../components/tools/shortcut.vue'
|
||||
import { sqlite } from '../../stores/sqlite'
|
||||
const architectureRef = ref()
|
||||
const DB = sqlite()
|
||||
const inputRef = ref()
|
||||
const scanFrameRef = ref()
|
||||
const shortcutRef = ref()
|
||||
const getI18n = useI18n()
|
||||
const { t, locale } = getI18n
|
||||
const state = reactive({
|
||||
scanFrameRefShow: false,
|
||||
shortcutRefShow: false,
|
||||
queryString: '',
|
||||
dataList: [],
|
||||
scrollHeight: 0,
|
||||
page: {
|
||||
pageIndex: 1,
|
||||
pageSize: 200,
|
||||
totalCount: 0
|
||||
},
|
||||
FBillNo: '',
|
||||
BillNo: '',
|
||||
materialId: '',
|
||||
supplierName: '',
|
||||
inputFocus: true,
|
||||
scanFrameDataFeedback: {},
|
||||
shortcutDataFeedback: {},
|
||||
code: ''
|
||||
})
|
||||
onLoad((pageData : any) => {
|
||||
console.log(pageData);
|
||||
state.materialId = pageData.id
|
||||
state.FBillNo = pageData.fBillNo
|
||||
state.BillNo = pageData.BillNo
|
||||
fnDataList(state.materialId);
|
||||
})
|
||||
onShow(() => {
|
||||
if (state.materialId) {
|
||||
fnDataList(state.materialId);
|
||||
}
|
||||
})
|
||||
onMounted(() => {
|
||||
const query = uni.createSelectorQuery().in(this);
|
||||
query.select(".material-listBox").boundingClientRect((data) => {
|
||||
state.scrollHeight = data.height
|
||||
}).exec();
|
||||
// scanFrameRef.value.stateShow(true)
|
||||
})
|
||||
const scanConfirmFun = (e : any) => {
|
||||
if (e != '') state.code = e
|
||||
getReceiveBillScanData(state.code)
|
||||
}
|
||||
const shortcutBoxShowShow = (val : boolean) => {
|
||||
state.shortcutRefShow = val
|
||||
}
|
||||
const scanFrameBoxShowShow = (val : boolean) => {
|
||||
state.scanFrameRefShow = val
|
||||
}
|
||||
/**
|
||||
* 数据逻辑
|
||||
*/
|
||||
const interpolation = (item : any) => {
|
||||
if (item.CheckJoinQty === 0 && item.CheckJoinQty + item.NoCheckQty === item.CheckQty) {
|
||||
return '#ffffff'
|
||||
}
|
||||
if (item.CheckJoinQty !== 0 && item.NoCheckQty !== 0 && item.CheckJoinQty + item.NoCheckQty === item.CheckQty) {
|
||||
return 'rgb(254 227 87)'
|
||||
}
|
||||
if (item.CheckJoinQty === item.CheckQty) {
|
||||
return 'rgb(87 191 254)'
|
||||
}
|
||||
}
|
||||
//防抖输入
|
||||
const debounceTimer = ref()
|
||||
const changeFun = (e : any) => {
|
||||
if (debounceTimer.value !== null) clearTimeout(debounceTimer.value)
|
||||
debounceTimer.value = setTimeout(() => {
|
||||
state.queryString = e
|
||||
if (e != '') state.code = e
|
||||
if (state.queryString !== '') getReceiveBillScanData(e)
|
||||
}, 500)
|
||||
}
|
||||
//查询录入
|
||||
const getReceiveBillScanData = (val : string) => {
|
||||
PRD_FeedMtrlScanData({
|
||||
FBarCode: val,
|
||||
FBillNo: state.BillNo,
|
||||
}).then((res : any) => {
|
||||
if (res.data !== null) {
|
||||
console.log(res);
|
||||
const scanData = res.data
|
||||
// if (scanData.UnScanQty > scanData.BarCodeQty) scanData.UnScanQty = scanData.BarCodeQty
|
||||
scanFrameRef.value.getreceiveBillScanData({ ...scanData, queryString: state.queryString, scanFrameShowSate: state.shortcutDataFeedback.scanFrameShowSate })
|
||||
if (Object.keys(state.shortcutDataFeedback).length) {
|
||||
if (state.shortcutDataFeedback.scanFrameShowSate) {
|
||||
scanFrameRef.value.stateShow(true)
|
||||
} else {
|
||||
postTemporaryScanDraftSaveFun(state.scanFrameDataFeedback)
|
||||
}
|
||||
} else {
|
||||
scanFrameRef.value.stateShow(true)
|
||||
}
|
||||
} else {
|
||||
uni.$u.toast(t('index.bmygtsj'))
|
||||
state.queryString = ''
|
||||
}
|
||||
architectureRef.value.closeFun()
|
||||
})
|
||||
}
|
||||
//固定弹窗数据传输
|
||||
const scanFrameCnfirmation = (row : any) => {
|
||||
state.scanFrameDataFeedback = row
|
||||
postTemporaryScanDraftSaveFun(state.scanFrameDataFeedback)
|
||||
}
|
||||
const scanFrameErrFun = () => {
|
||||
scanFrameRef.value.stateShow(true)
|
||||
}
|
||||
//数据记录暂存
|
||||
const postTemporaryScanDraftSaveFun = (item : any) => {
|
||||
const obj = {};
|
||||
if (item.warehouseData.FIsOpenLocation && Object.keys(item.locationData).length != 0) {
|
||||
const key = `FVHUBSTOCKFLEX__FF${item.locationData.FID}`; //仓位Id
|
||||
obj[key] = { FNumber: item.locationData.FlexEntryId.Number }; //仓位编码
|
||||
}
|
||||
const str = JSON.stringify(obj);
|
||||
temporaryScanDraftSave({
|
||||
FVHUBFormId: "PRD_FeedMtrl", //数据类型
|
||||
FVHUBFBillNo: state.BillNo, //单据编号
|
||||
FVHUBScanNumber: state.code, //条码
|
||||
FVHUBMaterialNumber: item.articlesStr, //物料编码
|
||||
FVHUBScanQty: item.quantityStr + '', //扫描数量
|
||||
FVHUBEntryId: scanFrameRef.value.state.receiveBillScanData.Id, //物料ID
|
||||
FVHUBFlot: item.batchNumberStr, //批号
|
||||
FVHUBStock: {
|
||||
FNUMBER: item.warehouseData.FNUMBER //仓库编号
|
||||
},
|
||||
FVHUBMaterial: {
|
||||
FNUMBER: item.articlesStr
|
||||
},
|
||||
FType: "Return",
|
||||
...JSON.parse(str),
|
||||
}).then((res : any) => {
|
||||
console.log(res);
|
||||
state.queryString = ''
|
||||
if (res.data.IsSuccess) {
|
||||
fnDataList(state.materialId);
|
||||
uni.$u.toast(t('public.cg'))
|
||||
scanFrameRef.value.stateShow(false)
|
||||
}
|
||||
})
|
||||
}
|
||||
//默认值传递
|
||||
const dataToscanFrameFun = (res : object) => {
|
||||
state.shortcutDataFeedback = res
|
||||
scanFrameRef.value.getComponentsData(res)
|
||||
shortcutRef.value.stateShow(false)
|
||||
}
|
||||
//唤起默认值弹窗
|
||||
const defaultPopupFun = () => {
|
||||
shortcutRef.value.stateShow(true)
|
||||
}
|
||||
const scanRecordFun = () => {
|
||||
toPages('/pages/records/index', {
|
||||
FormId: 'PRD_FeedMtrl',
|
||||
FbillNo: state.BillNo
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 数据推送
|
||||
*/
|
||||
const dataPushNotification = () => {
|
||||
uni.showModal({
|
||||
title: t('public.ts'), content: t('public.tjMessage'), cancelText: t('public.cancel'), confirmText: t('public.confirm'),
|
||||
success(res) {
|
||||
if (res.confirm) {
|
||||
let EntryIds : any = []
|
||||
let ids : any = []
|
||||
let ScanEntry : any = []
|
||||
let param = {
|
||||
FormId: 'PRD_FeedMtrl',
|
||||
UserId: uni.getStorageSync('userInfo').Context.UserId,
|
||||
FbillNo: state.BillNo
|
||||
};
|
||||
uni.showLoading({ mask: true });
|
||||
//获取扫描数据里的所有数据
|
||||
temporaryScanList(param).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data.list.length != 0) {
|
||||
res.data.list.forEach((item : any) => {
|
||||
EntryIds.push(item.FVHUBEntryId)
|
||||
ids.push(item.FID)
|
||||
ScanEntry.push({
|
||||
Ids:state.materialId,
|
||||
EntryIds: item.FVHUBEntryId,
|
||||
FQty: item.FVHUBScanQty + ' ',
|
||||
FMaxcessSNo: item.FVHUBJSON
|
||||
})
|
||||
})
|
||||
//推送数据
|
||||
PRD_FeedMtrlCheck({Item:ScanEntry}).then((resA : any) => {
|
||||
if (resA.code === 200) {
|
||||
fStockFlexDetailDelete({ Ids: ids.toString() }).then((res : any) => {
|
||||
if (res.code === 200) {
|
||||
fnDataList(state.materialId);
|
||||
uni.$u.toast(t('public.cg'))
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.$u.toast(t('public.noDataMessage'))
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
} else if (res.cancel) {
|
||||
console.log('用户点击取消');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* 数据请求
|
||||
*/
|
||||
const fnDataList = (FBillNo : any, statesItem : boolean = false) => {
|
||||
let param = {
|
||||
id: FBillNo,
|
||||
IsFeed: 'other'
|
||||
};
|
||||
uni.showLoading({ mask: true });
|
||||
PRD_FeedMtrlView(param).then(res => {
|
||||
uni.hideLoading();
|
||||
if (res.code == 200) {
|
||||
state.BillNo = res.data.BillNo
|
||||
state.dataList = []
|
||||
let dataListArray = res.data.Entry;
|
||||
if (dataListArray.length > 0) {
|
||||
dataListArray.forEach((p : any) => {
|
||||
let item = {
|
||||
Id: p.Id,
|
||||
MaterialNo: p.MaterialNumber, //物料编码
|
||||
MaterialName: formatLangTextValue(p.MaterialName), //物料名称
|
||||
Lot: p.FLot_Text, //批号
|
||||
CheckQty: p.Qty, //应扫数量
|
||||
CheckJoinQty: p.ScanedQty, //已扫数量
|
||||
NoCheckQty: p.UnScanQty, //未扫数量
|
||||
MultiLanguageText: Object.keys(p.StockId).length ? formatLangTextValue(p.StockId.Name) : ''
|
||||
};
|
||||
state.dataList.push(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
//中英切换
|
||||
const formatLangTextValue = (val : any) => {
|
||||
let lang_Id = uni.getStorageSync('locale')
|
||||
let item = val.find(p => p.Key == (lang_Id == 'cn' ? 2052 : 1033));
|
||||
if (item != null) {
|
||||
return item.Value;
|
||||
}
|
||||
return val[0].Value;
|
||||
}
|
||||
const toPages = (url : string, data : any = {}) => {
|
||||
uni.$u.route({
|
||||
url: url,
|
||||
params: data
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
background-color: #F5F5F5;
|
||||
|
||||
.page {
|
||||
padding: 18px 32rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
|
||||
.input-box {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
padding: 0 16rpx;
|
||||
border-radius: 24rpx;
|
||||
margin: 0 0 32rpx 0;
|
||||
|
||||
.u-textarea {
|
||||
padding: 0 !important;
|
||||
font-size: 24rpx !important;
|
||||
color: #999999 !important;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
box-sizing: border-box;
|
||||
padding: 16rpx 0;
|
||||
color: #222222;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
|
||||
.item-title {
|
||||
//font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.item-text {
|
||||
font-weight: 400;
|
||||
font-size: 27rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.material-listBox {
|
||||
flex: 1;
|
||||
|
||||
.list-box-list {
|
||||
width: 100%;
|
||||
|
||||
.data-item {
|
||||
border: 1px solid #efeaea;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0rpx 15rpx 15rpx #efeaea;
|
||||
padding: 20rpx 22rpx;
|
||||
margin-bottom: 16rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
.itemBox {
|
||||
line-height: 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.zongjian {
|
||||
height: 1px;
|
||||
flex: 1;
|
||||
background-color: #f0f0f0;
|
||||
margin: 0 16rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
1126
unpackage/dist/dev/app-plus/pages/supplement/print.css
vendored
Normal file
1126
unpackage/dist/dev/app-plus/pages/supplement/print.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
804
unpackage/dist/dev/app-plus/pages/supplementaryValidation/index.css
vendored
Normal file
804
unpackage/dist/dev/app-plus/pages/supplementaryValidation/index.css
vendored
Normal file
@ -0,0 +1,804 @@
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-eb8e0cdd] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-eb8e0cdd] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-status-bar[data-v-eb8e0cdd] {
|
||||
width: 100%;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-5cec8177] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-5cec8177] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-empty[data-v-5cec8177],
|
||||
.u-empty__wrap[data-v-5cec8177],
|
||||
.u-tabs[data-v-5cec8177],
|
||||
.u-tabs__wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.u-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.u-tabs__wrapper__nav__line[data-v-5cec8177],
|
||||
.up-empty[data-v-5cec8177],
|
||||
.up-empty__wrap[data-v-5cec8177],
|
||||
.up-tabs[data-v-5cec8177],
|
||||
.up-tabs__wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-5cec8177],
|
||||
.up-tabs__wrapper__scroll-view[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav[data-v-5cec8177],
|
||||
.up-tabs__wrapper__nav__line[data-v-5cec8177] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/**
|
||||
* vue版本动画内置的动画模式有如下：
|
||||
* fade：淡入
|
||||
* zoom：缩放
|
||||
* fade-zoom：缩放淡入
|
||||
* fade-up：上滑淡入
|
||||
* fade-down：下滑淡入
|
||||
* fade-left：左滑淡入
|
||||
* fade-right：右滑淡入
|
||||
* slide-up：上滑进入
|
||||
* slide-down：下滑进入
|
||||
* slide-left：左滑进入
|
||||
* slide-right：右滑进入
|
||||
*/
|
||||
.u-fade-enter-active[data-v-5cec8177],
|
||||
.u-fade-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity;
|
||||
}
|
||||
.u-fade-enter[data-v-5cec8177],
|
||||
.u-fade-leave-to[data-v-5cec8177] {
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-zoom-enter-active[data-v-5cec8177],
|
||||
.u-fade-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
.u-fade-down-enter-active[data-v-5cec8177],
|
||||
.u-fade-down-leave-active[data-v-5cec8177],
|
||||
.u-fade-left-enter-active[data-v-5cec8177],
|
||||
.u-fade-left-leave-active[data-v-5cec8177],
|
||||
.u-fade-right-enter-active[data-v-5cec8177],
|
||||
.u-fade-right-leave-active[data-v-5cec8177],
|
||||
.u-fade-up-enter-active[data-v-5cec8177],
|
||||
.u-fade-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.u-fade-up-enter[data-v-5cec8177],
|
||||
.u-fade-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-down-enter[data-v-5cec8177],
|
||||
.u-fade-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-left-enter[data-v-5cec8177],
|
||||
.u-fade-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-fade-right-enter[data-v-5cec8177],
|
||||
.u-fade-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
.u-slide-down-enter-active[data-v-5cec8177],
|
||||
.u-slide-down-leave-active[data-v-5cec8177],
|
||||
.u-slide-left-enter-active[data-v-5cec8177],
|
||||
.u-slide-left-leave-active[data-v-5cec8177],
|
||||
.u-slide-right-enter-active[data-v-5cec8177],
|
||||
.u-slide-right-leave-active[data-v-5cec8177],
|
||||
.u-slide-up-enter-active[data-v-5cec8177],
|
||||
.u-slide-up-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-slide-up-enter[data-v-5cec8177],
|
||||
.u-slide-up-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.u-slide-down-enter[data-v-5cec8177],
|
||||
.u-slide-down-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.u-slide-left-enter[data-v-5cec8177],
|
||||
.u-slide-left-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.u-slide-right-enter[data-v-5cec8177],
|
||||
.u-slide-right-leave-to[data-v-5cec8177] {
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.u-zoom-enter-active[data-v-5cec8177],
|
||||
.u-zoom-leave-active[data-v-5cec8177] {
|
||||
transition-property: transform;
|
||||
}
|
||||
.u-zoom-enter[data-v-5cec8177],
|
||||
.u-zoom-leave-to[data-v-5cec8177] {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-9112bed9] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-9112bed9] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-empty[data-v-9112bed9],
|
||||
.u-empty__wrap[data-v-9112bed9],
|
||||
.u-tabs[data-v-9112bed9],
|
||||
.u-tabs__wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.u-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.u-tabs__wrapper__nav__line[data-v-9112bed9],
|
||||
.up-empty[data-v-9112bed9],
|
||||
.up-empty__wrap[data-v-9112bed9],
|
||||
.up-tabs[data-v-9112bed9],
|
||||
.up-tabs__wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-9112bed9],
|
||||
.up-tabs__wrapper__scroll-view[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav[data-v-9112bed9],
|
||||
.up-tabs__wrapper__nav__line[data-v-9112bed9] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-overlay[data-v-9112bed9] {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-ac70166d] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-ac70166d] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-empty[data-v-ac70166d],
|
||||
.u-empty__wrap[data-v-ac70166d],
|
||||
.u-tabs[data-v-ac70166d],
|
||||
.u-tabs__wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.u-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.u-tabs__wrapper__nav__line[data-v-ac70166d],
|
||||
.up-empty[data-v-ac70166d],
|
||||
.up-empty__wrap[data-v-ac70166d],
|
||||
.up-tabs[data-v-ac70166d],
|
||||
.up-tabs__wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-ac70166d],
|
||||
.up-tabs__wrapper__scroll-view[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav[data-v-ac70166d],
|
||||
.up-tabs__wrapper__nav__line[data-v-ac70166d] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "uicon-iconfont";
|
||||
src: url("https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf") format("truetype");
|
||||
}
|
||||
.u-icon[data-v-ac70166d] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--left[data-v-ac70166d] {
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--right[data-v-ac70166d] {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon--top[data-v-ac70166d] {
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon--bottom[data-v-ac70166d] {
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-icon__icon[data-v-ac70166d] {
|
||||
font-family: uicon-iconfont;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.u-icon__icon--primary[data-v-ac70166d] {
|
||||
color: #3c9cff;
|
||||
}
|
||||
.u-icon__icon--success[data-v-ac70166d] {
|
||||
color: #5ac725;
|
||||
}
|
||||
.u-icon__icon--error[data-v-ac70166d] {
|
||||
color: #f56c6c;
|
||||
}
|
||||
.u-icon__icon--warning[data-v-ac70166d] {
|
||||
color: #f9ae3d;
|
||||
}
|
||||
.u-icon__icon--info[data-v-ac70166d] {
|
||||
color: #909399;
|
||||
}
|
||||
.u-icon__img[data-v-ac70166d] {
|
||||
height: auto;
|
||||
will-change: transform;
|
||||
}
|
||||
.u-icon__label[data-v-ac70166d] {
|
||||
line-height: 1;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-f3d22cfe] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-f3d22cfe] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-safe-bottom[data-v-f3d22cfe] {
|
||||
width: 100%;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-05c24e9b] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-05c24e9b] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-empty[data-v-05c24e9b],
|
||||
.u-empty__wrap[data-v-05c24e9b],
|
||||
.u-tabs[data-v-05c24e9b],
|
||||
.u-tabs__wrapper[data-v-05c24e9b],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-05c24e9b],
|
||||
.u-tabs__wrapper__scroll-view[data-v-05c24e9b],
|
||||
.u-tabs__wrapper__nav[data-v-05c24e9b],
|
||||
.u-tabs__wrapper__nav__line[data-v-05c24e9b],
|
||||
.up-empty[data-v-05c24e9b],
|
||||
.up-empty__wrap[data-v-05c24e9b],
|
||||
.up-tabs[data-v-05c24e9b],
|
||||
.up-tabs__wrapper[data-v-05c24e9b],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-05c24e9b],
|
||||
.up-tabs__wrapper__scroll-view[data-v-05c24e9b],
|
||||
.up-tabs__wrapper__nav[data-v-05c24e9b],
|
||||
.up-tabs__wrapper__nav__line[data-v-05c24e9b] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-popup[data-v-05c24e9b] {
|
||||
flex: 1;
|
||||
}
|
||||
.u-popup__trigger[data-v-05c24e9b] {
|
||||
position: relative;
|
||||
}
|
||||
.u-popup__trigger__cover[data-v-05c24e9b] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.u-popup__content[data-v-05c24e9b] {
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
}
|
||||
.u-popup__content--round-top[data-v-05c24e9b] {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
.u-popup__content--round-left[data-v-05c24e9b] {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
.u-popup__content--round-right[data-v-05c24e9b] {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.u-popup__content--round-bottom[data-v-05c24e9b] {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.u-popup__content--round-center[data-v-05c24e9b] {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
.u-popup__content__close[data-v-05c24e9b] {
|
||||
position: absolute;
|
||||
}
|
||||
.u-popup__content__close--hover[data-v-05c24e9b] {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.u-popup__content__close--top-left[data-v-05c24e9b] {
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
.u-popup__content__close--top-right[data-v-05c24e9b] {
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
}
|
||||
.u-popup__content__close--bottom-left[data-v-05c24e9b] {
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
.u-popup__content__close--bottom-right[data-v-05c24e9b] {
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-a6aad22d] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-a6aad22d] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.app-header[data-v-a6aad22d] {
|
||||
width: 100vw;
|
||||
z-index: 9999;
|
||||
}
|
||||
.app-header.sticky[data-v-a6aad22d] {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.app-header__content[data-v-a6aad22d] {
|
||||
width: 100vw;
|
||||
height: 2.75rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.app-header__content .content-title[data-v-a6aad22d] {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.app-header__content .content-title__context[data-v-a6aad22d] {
|
||||
font-size: 1rem;
|
||||
font-family: Medium;
|
||||
}
|
||||
.app-header__content .content-slot[data-v-a6aad22d] {
|
||||
min-width: 2.75rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-df79975b] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-df79975b] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-empty[data-v-df79975b],
|
||||
.u-empty__wrap[data-v-df79975b],
|
||||
.u-tabs[data-v-df79975b],
|
||||
.u-tabs__wrapper[data-v-df79975b],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-df79975b],
|
||||
.u-tabs__wrapper__scroll-view[data-v-df79975b],
|
||||
.u-tabs__wrapper__nav[data-v-df79975b],
|
||||
.u-tabs__wrapper__nav__line[data-v-df79975b],
|
||||
.up-empty[data-v-df79975b],
|
||||
.up-empty__wrap[data-v-df79975b],
|
||||
.up-tabs[data-v-df79975b],
|
||||
.up-tabs__wrapper[data-v-df79975b],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-df79975b],
|
||||
.up-tabs__wrapper__scroll-view[data-v-df79975b],
|
||||
.up-tabs__wrapper__nav[data-v-df79975b],
|
||||
.up-tabs__wrapper__nav__line[data-v-df79975b] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-input[data-v-df79975b] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input--radius[data-v-df79975b], .u-input--square[data-v-df79975b] {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.u-input--no-radius[data-v-df79975b] {
|
||||
border-radius: 0;
|
||||
}
|
||||
.u-input--circle[data-v-df79975b] {
|
||||
border-radius: 100px;
|
||||
}
|
||||
.u-input__content[data-v-df79975b] {
|
||||
flex: 1;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.u-input__content__field-wrapper[data-v-df79975b] {
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
margin: 0;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input__content__field-wrapper__field[data-v-df79975b] {
|
||||
line-height: 26px;
|
||||
text-align: left;
|
||||
color: #303133;
|
||||
height: 24px;
|
||||
font-size: 15px;
|
||||
flex: 1;
|
||||
}
|
||||
.u-input__content__clear[data-v-df79975b] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 100px;
|
||||
background-color: #c6c7cb;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transform: scale(0.82);
|
||||
margin-left: 4px;
|
||||
}
|
||||
.u-input__content__subfix-icon[data-v-df79975b] {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.u-input__content__prefix-icon[data-v-df79975b] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.tki-qrcode[data-v-022c77d0] {
|
||||
position: relative;
|
||||
}
|
||||
.tki-qrcode-canvas[data-v-022c77d0] {
|
||||
position: fixed;
|
||||
top: -3124.96875rem;
|
||||
left: -3124.96875rem;
|
||||
z-index: -99999;
|
||||
}
|
||||
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-e2942c83] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-e2942c83] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.container[data-v-e2942c83] {
|
||||
overflow-wrap: break-word;
|
||||
word-break: normal;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
/* 支持连字符换行 */
|
||||
}
|
||||
|
||||
/* 中文强制换行 */
|
||||
.chinese-text[data-v-e2942c83] {
|
||||
word-break: break-all;
|
||||
}
|
||||
.input-box[data-v-e2942c83] {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5rem;
|
||||
border-radius: 0.75rem;
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
.input-box .u-textarea[data-v-e2942c83] {
|
||||
padding: 0 !important;
|
||||
font-size: 0.75rem !important;
|
||||
color: #999999 !important;
|
||||
}
|
||||
.input-box .input-item[data-v-e2942c83] {
|
||||
box-sizing: border-box;
|
||||
padding: 0.5rem 0;
|
||||
color: #222222;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.input-box .input-item .item-title[data-v-e2942c83] {
|
||||
font-size: 1rem;
|
||||
color: #333333;
|
||||
}
|
||||
.input-box .input-item .item-text[data-v-e2942c83] {
|
||||
font-weight: 400;
|
||||
font-size: 0.84375rem;
|
||||
color: #999999;
|
||||
}
|
||||
.codeBox[data-v-e2942c83] {
|
||||
padding: 1.125rem 0.75rem 0.75rem 0.5625rem;
|
||||
display: flex;
|
||||
}
|
||||
.codeBox .codeBoxText[data-v-e2942c83] {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit[data-v-8dd5928e] {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
/* 单行省略 */
|
||||
.one-line-omit[data-v-8dd5928e] {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.u-empty[data-v-8dd5928e],
|
||||
.u-empty__wrap[data-v-8dd5928e],
|
||||
.u-tabs[data-v-8dd5928e],
|
||||
.u-tabs__wrapper[data-v-8dd5928e],
|
||||
.u-tabs__wrapper__scroll-view-wrapper[data-v-8dd5928e],
|
||||
.u-tabs__wrapper__scroll-view[data-v-8dd5928e],
|
||||
.u-tabs__wrapper__nav[data-v-8dd5928e],
|
||||
.u-tabs__wrapper__nav__line[data-v-8dd5928e],
|
||||
.up-empty[data-v-8dd5928e],
|
||||
.up-empty__wrap[data-v-8dd5928e],
|
||||
.up-tabs[data-v-8dd5928e],
|
||||
.up-tabs__wrapper[data-v-8dd5928e],
|
||||
.up-tabs__wrapper__scroll-view-wrapper[data-v-8dd5928e],
|
||||
.up-tabs__wrapper__scroll-view[data-v-8dd5928e],
|
||||
.up-tabs__wrapper__nav[data-v-8dd5928e],
|
||||
.up-tabs__wrapper__nav__line[data-v-8dd5928e] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-empty[data-v-8dd5928e] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.u-empty__text[data-v-8dd5928e] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
.u-slot-wrap[data-v-8dd5928e] {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
/* 多行省略 */
|
||||
.multi-line-omit {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/* 单行省略 */
|
||||
.one-line-omit {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.app {
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
.app .page {
|
||||
padding: 18px 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
}
|
||||
.app .page .input-box {
|
||||
background-color: white;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.5rem;
|
||||
border-radius: 0.75rem;
|
||||
margin: 0 0 1rem 0;
|
||||
}
|
||||
.app .page .input-box .u-textarea {
|
||||
padding: 0 !important;
|
||||
font-size: 0.75rem !important;
|
||||
color: #999999 !important;
|
||||
}
|
||||
.app .page .input-box .input-item {
|
||||
box-sizing: border-box;
|
||||
padding: 0.5rem 0;
|
||||
color: #222222;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.app .page .input-box .input-item .item-title {
|
||||
font-size: 1rem;
|
||||
color: #333333;
|
||||
}
|
||||
.app .page .input-box .input-item .item-text {
|
||||
font-weight: 400;
|
||||
font-size: 0.84375rem;
|
||||
color: #999999;
|
||||
}
|
||||
.app .page .receive-listBox {
|
||||
flex: 1;
|
||||
}
|
||||
.app .page .receive-listBox .list-box-list {
|
||||
width: 100%;
|
||||
}
|
||||
.app .page .receive-listBox .list-box-list .data-item {
|
||||
border: 1px solid #efeaea;
|
||||
border-radius: 0.625rem;
|
||||
box-shadow: 0 0.46875rem 0.46875rem #efeaea;
|
||||
padding: 0.625rem 0.625rem 0;
|
||||
margin-bottom: 0.625rem;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.app .page .receive-listBox .list-box-list .data-item .tit {
|
||||
font-size: 0.9375rem;
|
||||
font-weight: bold;
|
||||
padding: 0.625rem 0;
|
||||
}
|
||||
.app .page .receive-listBox .list-box-list .data-item .line-p {
|
||||
border: 1px solid #efeaea;
|
||||
}
|
||||
.app .page .receive-listBox .list-box-list .data-item .b-font {
|
||||
font-size: 0.78125rem;
|
||||
padding: 0.625rem 0;
|
||||
}
|
||||
2269
unpackage/dist/dev/app-plus/pages/supplementaryValidation/material.css
vendored
Normal file
2269
unpackage/dist/dev/app-plus/pages/supplementaryValidation/material.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user