chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

企业画像时间格式化 .

master
蟑螂恶霸 2 years ago
parent
4c104d1224
commit
73d93cca3d
1 changed files with 472 additions and 463 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 935
      src/views/enforce/enterpriseBaseInfo.vue

935
src/views/enforce/enterpriseBaseInfo.vue
View File

@ -1,492 +1,501 @@
<template> <template>
<div class="address_edit"> <div class="address_edit">
<!-- 导航栏 --> <!-- 导航栏 -->
<!-- <div class="header_body">--> <!-- <div class="header_body">-->
<!-- <header-nav :slefBack="true" @goBack="goBack" :titelText="`企业相关信息`"></header-nav>--> <!-- <header-nav :slefBack="true" @goBack="goBack" :titelText="`企业相关信息`"></header-nav>-->
<!-- </div>--> <!-- </div>-->
<!-- 中间 --> <!-- 中间 -->
<!-- <div class="warp_body">--> <!-- <div class="warp_body">-->
<van-form @failed="onFailed" @submit="submit"> <van-form @failed="onFailed" @submit="submit">
<van-cell-group> <van-cell-group>
<div class="qy-name">企业信息</div> <div class="qy-name">企业信息</div>
<van-field <van-field
v-model="data.enterpriseInfo.enterpriseName" v-model="data.enterpriseInfo.enterpriseName"
label="企业名称:" label="企业名称:"
readonly readonly
/> />
<van-field <van-field
v-model="data.enterpriseInfo.enterpriseNumber" v-model="data.enterpriseInfo.enterpriseNumber"
label="统一社会信用代码:" label="统一社会信用代码:"
readonly readonly
/> />
<van-field <van-field
v-model="data.enterpriseInfo.enterpriseType" v-model="data.enterpriseInfo.enterpriseType"
label="企业类型:" label="企业类型:"
readonly readonly
/> />
<!-- <van-field <!-- <van-field
v-model="data.enterpriseInfo.enterpriseAddress" v-model="data.enterpriseInfo.enterpriseAddress"
label="企业地址:" label="企业地址:"
rows="2" rows="2"
autosize autosize
type="textarea" type="textarea"
show-word-limit show-word-limit
readonly readonly
/>--> />-->
<van-field <van-field
label="企业地址:" label="企业地址:"
/> />
<van-text-ellipsis :content="data.enterpriseInfo.enterpriseAddress" rows="2" /> <van-text-ellipsis :content="data.enterpriseInfo.enterpriseAddress" rows="2"/>
<van-field <van-field
v-model="data.enterpriseInfo.legalPerson" v-model="data.enterpriseInfo.legalPerson"
label="法人代表:" label="法人代表:"
readonly readonly
/> />
<!-- <van-field--> <!-- <van-field-->
<!-- v-model="data.enterpriseInfo.enterpriseAddress"--> <!-- v-model="data.enterpriseInfo.enterpriseAddress"-->
<!-- label="企业地址:"--> <!-- label="企业地址:"-->
<!-- readonly--> <!-- readonly-->
<!-- />--> <!-- />-->
<van-field <van-field
v-model="data.enterpriseInfo.registeredCapital" v-model="data.enterpriseInfo.registeredCapital"
label="注册资本(元):" label="注册资本(元):"
readonly readonly
/> />
<van-field <van-field
v-model="data.enterpriseInfo.establishmentTime" v-model="data.enterpriseInfo.establishmentTime"
label="成立日期:" label="成立日期:"
readonly readonly
/> />
<van-field <van-field
v-model="data.enterpriseInfo.operatingTerm" v-model="data.enterpriseInfo.operatingTerm"
label="营业期限:" label="营业期限:"
readonly readonly
/> />
<van-field <van-field
label="经营范围:" label="经营范围:"
/> />
<van-text-ellipsis :content="data.enterpriseInfo.businessScope" rows="2" expand-text="展开" collapse-text="收起" /> <van-text-ellipsis :content="data.enterpriseInfo.businessScope" rows="2" expand-text="展开"
collapse-text="收起"/>
</van-cell-group> </van-cell-group>
<van-divider class="divdsty" /> <van-divider class="divdsty"/>
<van-cell-group> <van-cell-group>
<div class="qy-name">案件信息</div> <div class="qy-name">案件信息</div>
<div class="search-button-list"> <div class="search-button-list">
<span v-for="(item, index) in data?.optionList" :key="index"> <span v-for="(item, index) in data?.optionList" :key="index">
<van-button plain hairline @click="searchDateType(item)" round type="primary" size="mini" <van-button plain hairline @click="searchDateType(item)" round type="primary" size="mini"
:style="item.selected == true ? 'background-color:#1989fa;color:#fff':'background-color:white;color:#1989fa'">{{item.name}}</van-button> :style="item.selected == true ? 'background-color:#1989fa;color:#fff':'background-color:white;color:#1989fa'">{{item.name}}</van-button>
</span> </span>
</div> </div>
<div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1"> <div class="refresh_content" v-if="data?.checkDataList.length && data?.show == 1">
<div class="goods_box" v-for="(item, index) in data?.checkDataList" :key="index"> <div class="goods_box" v-for="(item, index) in data?.checkDataList" :key="index">
<van-swipe-cell class="swipe_cell"> <van-swipe-cell class="swipe_cell">
<div class="card_box" @click="toDetailView(item.id)"> <div class="card_box" @click="toDetailView(item.id)">
<!-- <div style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>--> <!-- <div style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>-->
<div class="card_box_span"> <div class="card_box_span">
<p class="zf-name">{{ item.c601002 }}</p> <p class="zf-name">{{ item.c601002 }}</p>
</div> </div>
<!-- <div class="card_box_span"> <!-- <div class="card_box_span">
<p><span class="card_box_label">案件名称：</span> {{ item.c601002 }}</p> <p><span class="card_box_label">案件名称：</span> {{ item.c601002 }}</p>
</div> --> </div> -->
<div class="card_box_span"> <div class="card_box_span">
<p><span class="card_box_label">检查日期：</span> <p><span class="card_box_label">检查日期：</span>
<!-- {{formattedTimeYYYYmmdd(item.c601005)}}， {{ item.lawEnforcerTwo }}</p>--> <!-- {{formattedTimeYYYYmmdd(item.c601005)}}， {{ item.lawEnforcerTwo }}</p>-->
{{formattedTimeYYYYmmdd(item.c601005)}}</p> {{formattedTimeYYYYmmdd(item.c601005)}}</p>
</div> </div>
<div class="card_box_span"> <div class="card_box_span">
<p v-if="item.c601015 == '01'"><span class="card_box_label">检查结果：</span> 合格</p> <p v-if="item.c601015 == '01'"><span class="card_box_label">检查结果：</span> 合格</p>
<p v-if="item.c601015 == '02'"><span class="card_box_label">检查结果：</span> 不合格</p> <p v-if="item.c601015 == '02'"><span class="card_box_label">检查结果：</span> 不合格</p>
</div> </div>
</div> </div>
</van-swipe-cell> </van-swipe-cell>
</div> </div>
</div> </div>
<div class="refresh_content" v-if="data?.punishDataList.length && data?.show == 2"> <div class="refresh_content" v-if="data?.punishDataList.length && data?.show == 2">
<div class="goods_box" v-for="(item, index) in data?.punishDataList" :key="index"> <div class="goods_box" v-for="(item, index) in data?.punishDataList" :key="index">
<van-swipe-cell class="swipe_cell"> <van-swipe-cell class="swipe_cell">
<!-- <div class="card_box" @click="toDetailView(item.id)"> --> <!-- <div class="card_box" @click="toDetailView(item.id)"> -->
<div class="card_box"> <div class="card_box">
<!-- <div style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>--> <!-- <div style="background-color: aqua; border: 2px; height: .1px;" class="van-hairline&#45;&#45;bottom"></div>-->
<div class="card_box_span"> <div class="card_box_span">
<p style="font-size: 16px;font-weight: bold;">{{ item.c201002 }}</p> <p style="font-size: 16px;font-weight: bold;">{{ item.c201002 }}</p>
</div> </div>
<div class="card_box_span"> <div class="card_box_span">
<p v-if="item.c206010 == '01'"><span class="card_box_label">处罚类别：</span>予以处罚</p> <p v-if="item.c206010 == '01'"><span class="card_box_label">处罚类别：</span>予以处罚</p>
<p v-if="item.c206010 == '02'"><span class="card_box_label">处罚类别：</span>不予处罚</p> <p v-if="item.c206010 == '02'"><span class="card_box_label">处罚类别：</span>不予处罚</p>
</div> </div>
<!-- <div class="card_box_span"> <!-- <div class="card_box_span">
<p><span class="card_box_label">处罚种类：</span> {{ item.lawKind }}</p> <p><span class="card_box_label">处罚种类：</span> {{ item.lawKind }}</p>
</div> --> </div> -->
<div class="card_box_span"> <div class="card_box_span">
<p><span class="card_box_label">处罚日期：</span> {{ item.c206013 }}</p> <!-- <p><span class="card_box_label">处罚日期：</span> {{ item.c206013 }}</p>-->
</div> <p><span class="card_box_label">处罚日期：</span> {{formattedTimeYYYYmmdd(item.c206013)}}</p>
</div> </div>
</van-swipe-cell> </div>
</div> </van-swipe-cell>
</div> </div>
<div class="refresh_content" v-if="data?.forceDataList.length && data?.show == 3"> </div>
<div class="goods_box" v-for="(item, index) in data?.forceDataList" :key="index"> <div class="refresh_content" v-if="data?.forceDataList.length && data?.show == 3">
<van-swipe-cell class="swipe_cell"> <div class="goods_box" v-for="(item, index) in data?.forceDataList" :key="index">
<!-- <div class="card_box" @click="toDetailView(item.id)"> --> <van-swipe-cell class="swipe_cell">
<div class="card_box"> <!-- <div class="card_box" @click="toDetailView(item.id)"> -->
<div class="card_box">
<!-- <div class="van-hairline&#45;&#45;bottom"></div>-->
<div class="card_box_span"> <!-- <div class="van-hairline&#45;&#45;bottom"></div>-->
<p v-if="item.c301002 != '无'">{{ item.c301002 }}</p> <div class="card_box_span">
<p v-if="item.c301002 == '无'">************</p> <p v-if="item.c301002 != '无'">{{ item.c301002 }}</p>
</div> <p v-if="item.c301002 == '无'">************</p>
<div class="card_box_span"> </div>
<p><span class="card_box_label">强制种类：</span> {{ item.c302002 }}</p> <div class="card_box_span">
</div> <p><span class="card_box_label">强制种类：</span> {{ item.c302002 }}</p>
<div class="card_box_span"> </div>
<p><span class="card_box_label">强制措施：</span> {{ item.lawDate }}</p> <div class="card_box_span">
</div> <p><span class="card_box_label">强制措施：</span> {{ item.lawDate }}</p>
<div class="card_box_span"> </div>
<p><span class="card_box_label">批准时间：</span> {{ item.c302007 }}</p> <div class="card_box_span">
</div> <!-- <p><span class="card_box_label">批准时间：</span> {{ item.c302007 }}</p>-->
</div> <p><span class="card_box_label">批准时间：</span> {{formattedTimeYYYYmmdd(item.c302007)}}</p>
</van-swipe-cell> </div>
</div> </div>
</div> </van-swipe-cell>
</van-cell-group> </div>
</div>
</van-form> </van-cell-group>
</div>
</van-form>
<Popup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup" @reciveData="reciveData" /> </div>
<Popup :visible="data.popupVisible2" :content="data.popupContent2" @close="closePopup" @reciveData="reciveData2" />
<!-- </div>--> <Popup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup" @reciveData="reciveData"/>
<Popup :visible="data.popupVisible2" :content="data.popupContent2" @close="closePopup" @reciveData="reciveData2"/>
<!-- </div>-->
</template> </template>
<script setup name="register"> <script setup name="register">
import { showSuccessToast } from 'vant'; import {showSuccessToast} from 'vant';
import 'vant/es/toast/style'; import 'vant/es/toast/style';
import {addEnforcementRegistration,queryUserInfo,queryRegistrationList} from '@/api/enforce' import {addEnforcementRegistration, queryUserInfo, queryRegistrationList} from '@/api/enforce'
import {getEnterpriseInformation,queryXzjcjbxxList,queryQZAJList,queryCFAJList} from '@/api/enterprise' import {getEnterpriseInformation, queryXzjcjbxxList, queryQZAJList, queryCFAJList} from '@/api/enterprise'
import {getDict} from '../../api/Home' import {getDict} from '../../api/Home'
import { reactive, ref } from "vue"; import {reactive, ref} from "vue";
import {formattedTimeYYYYmmdd} from "@/util/util"; import {formattedTimeYYYYmmdd} from "@/util/util";
import { format } from 'date-fns'; import {format} from 'date-fns';
import {uploadFile} from "../../util/fileUpload"; import {uploadFile} from "../../util/fileUpload";
//用户筛选弹窗 //用户筛选弹窗
import Popup from './userFilter.vue'; import Popup from './userFilter.vue';
const { useMy } = $globalStore const {useMy} = $globalStore
const router = useRouter(); const router = useRouter();
//路由参数 //路由参数
const route = useRoute(); const route = useRoute();
let queryaddressId = ref(""); let queryaddressId = ref("");
const data = reactive({ const data = reactive({
optionList:[ optionList: [
{name:"历史检查案件",val:1,selected:true}, {name: "历史检查案件", val: 1, selected: true},
{name:"历史处罚案件",val:2,selected:false}, {name: "历史处罚案件", val: 2, selected: false},
{name:"历史强制案件",val:3,selected:false}], {name: "历史强制案件", val: 3, selected: false}],
show:1, show: 1,
searchParam:{}, searchParam: {},
enterpriseInfo: {}, enterpriseInfo: {},
checkDataList:[], checkDataList: [],
punishDataList:[], punishDataList: [],
forceDataList:[], forceDataList: [],
showLawEnforcerFlag:false, showLawEnforcerFlag: false,
currentPage: 1, currentPage: 1,
good:"#7FFFD4", good: "#7FFFD4",
bad:"#D3D3D3", bad: "#D3D3D3",
popupVisible: false, popupVisible: false,
popupContent: '', popupContent: '',
popupVisible2: false, popupVisible2: false,
popupContent2: '', popupContent2: '',
}); });
const props = defineProps({ const props = defineProps({
enterpriseNumber: { enterpriseNumber: {
type: String, type: String,
default: "", default: "",
}, },
}); });
const searchDateType = (item) =>{ const searchDateType = (item) => {
if(item.selected === false){ if (item.selected === false) {
data.optionList.forEach(item=>{item.selected = false}) data.optionList.forEach(item => {
item.selected = true item.selected = false
data.show = item.val })
} item.selected = true
} data.show = item.val
}
const queryList = () =>{ }
queryEnforcementInspectionProgramList(searchParam,success =>{
console.log(success) const queryList = () => {
data.dataList = success.data; queryEnforcementInspectionProgramList(searchParam, success => {
freshMap.refreshLoad = false; console.log(success)
freshMap.listLoading = false; data.dataList = success.data;
freshMap.listFinished = true; freshMap.refreshLoad = false;
isLodding.value = false; freshMap.listLoading = false;
},error =>{ freshMap.listFinished = true;
isLodding.value = false;
}) }, error => {
}
//3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
//初始化参数，获取扫码的企业统一信用编码
onMounted(() =>{
//查询企业信息
getEnterpriseInformation(route?.query?.enterpriseNumber,success =>{
// getEnterpriseInformation(props?.enterpriseNumber,success =>{
if (null != success.data) {
console.log(success);
data.enterpriseInfo.enterpriseName = success.data.enterpriseName
data.enterpriseInfo.enterpriseNumber = success.data.enterpriseNumber
data.enterpriseInfo.enterpriseType = success.data.companyOrgType
data.enterpriseInfo.enterpriseAddress = success.data.enterpriseAddress
data.enterpriseInfo.legalPerson = success.data.legalPerson
// data.enterpriseInfo.registeredCapital = success.data.registeredCapital +' (人民币/元)'
var amount = 0.00;
if (null != success.data.registeredCapital) {
amount = Number(success.data.registeredCapital).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
}
data.enterpriseInfo.registeredCapital = amount +' (人民币/万元)'
// data.enterpriseInfo.operatingTerm = success.data.operatingTerm
var tmpoperatingTerm = success.data.operatingTerm;
if (tmpoperatingTerm.indexOf('null') >= 0) {
tmpoperatingTerm = tmpoperatingTerm.substring(0, tmpoperatingTerm.indexOf('null'));
}
data.enterpriseInfo.operatingTerm = tmpoperatingTerm;
data.enterpriseInfo.businessScope = success.data.businessScope
data.enterpriseInfo.establishmentTime = format(success.data.establishmentTime, 'yyyy-MM-dd');
//查询企业类型
getDict({"dictType": "enterpriseType"},success =>{
if (success.data !=null) {
success.data.forEach(res =>{
if (data.enterpriseInfo.enterpriseType === res.dictValue) {
data.enterpriseInfo.enterpriseType = res.dictLabel
}
})
}
},error =>{
})
//查询企业历史检查案件
// data.searchParam.enterpriseNumber = data.enterpriseInfo.enterpriseNumber;
// queryRegistrationList(data.searchParam,success =>{
// data.checkDataList = success.data;
// },error =>{
// })
//查询企业历史检查案件
queryXzjcjbxxList(success.data.enterpriseNumber,res =>{
console.log("历史检查案件---",res.data)
data.checkDataList = res.data;
},error =>{
});
//查询历史强制案件
queryQZAJList(success.data.enterpriseNumber,res =>{
console.log("历史强制案件---",res.data)
data.forceDataList = res.data;
},error =>{
}) })
}
//3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
//初始化参数，获取扫码的企业统一信用编码
onMounted(() => {
//查询企业信息
getEnterpriseInformation(route?.query?.enterpriseNumber, success => {
// getEnterpriseInformation(props?.enterpriseNumber,success =>{
if (null != success.data) {
console.log(success);
data.enterpriseInfo.enterpriseName = success.data.enterpriseName
data.enterpriseInfo.enterpriseNumber = success.data.enterpriseNumber
data.enterpriseInfo.enterpriseType = success.data.companyOrgType
data.enterpriseInfo.enterpriseAddress = success.data.enterpriseAddress
data.enterpriseInfo.legalPerson = success.data.legalPerson
// data.enterpriseInfo.registeredCapital = success.data.registeredCapital +' (人民币/元)'
var amount = 0.00;
if (null != success.data.registeredCapital) {
amount = Number(success.data.registeredCapital).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
}
data.enterpriseInfo.registeredCapital = amount + ' (人民币/万元)'
// data.enterpriseInfo.operatingTerm = success.data.operatingTerm
var tmpoperatingTerm = success.data.operatingTerm;
if (tmpoperatingTerm.indexOf('null') >= 0) {
tmpoperatingTerm = tmpoperatingTerm.substring(0, tmpoperatingTerm.indexOf('null'));
}
data.enterpriseInfo.operatingTerm = tmpoperatingTerm;
data.enterpriseInfo.businessScope = success.data.businessScope
data.enterpriseInfo.establishmentTime = format(success.data.establishmentTime, 'yyyy-MM-dd');
//查询企业类型
getDict({"dictType": "enterpriseType"}, success => {
if (success.data != null) {
success.data.forEach(res => {
if (data.enterpriseInfo.enterpriseType === res.dictValue) {
data.enterpriseInfo.enterpriseType = res.dictLabel
}
})
}
}, error => {
})
//查询企业历史检查案件
// data.searchParam.enterpriseNumber = data.enterpriseInfo.enterpriseNumber;
// queryRegistrationList(data.searchParam,success =>{
// data.checkDataList = success.data;
// },error =>{
// })
//查询企业历史检查案件
queryXzjcjbxxList(success.data.enterpriseNumber, res => {
console.log("历史检查案件---", res.data)
data.checkDataList = res.data;
}, error => {
});
//查询历史强制案件
queryQZAJList(success.data.enterpriseNumber, res => {
console.log("历史强制案件---", res.data)
data.forceDataList = res.data;
}, error => {
})
//历史处罚案件
queryCFAJList(success.data.enterpriseNumber, res => {
console.log("历史处罚案件---", res.data)
data.punishDataList = res.data;
}, error => {
})
//历史处罚案件 }
queryCFAJList(success.data.enterpriseNumber,res =>{ }, error => {
console.log("历史处罚案件---",res.data)
data.punishDataList = res.data;
},error =>{
}) })
}
},error=>{
}) })
}) // 返回
const goBack = () => {
// 返回 router.go(-1);
const goBack = () => { };
router.go(-1);
}; const toDetailView = (id) => {
console.log(id)
router.push(
{
path: "/registrationDetail",
query: {
id: id,
}
});
}
const toDetailView = (id) =>{ const showPopup = () => {
console.log(id) data.popupVisible = true;
router.push( }
{ const showPopup2 = () => {
path: "/registrationDetail", data.popupVisible2 = true;
query: { }
id: id, const closePopup = () => {
} data.popupVisible = false;
}); data.popupVisible2 = false;
} }
const reciveData = (item) => {
const showPopup = () =>{ submitData.lawEnforcerTwo = item.userName;
data.popupVisible = true; submitData.lawEnforcerIdTwo = item.userId;
} }
const showPopup2 = () =>{ const reciveData2 = (item) => {
data.popupVisible2 = true; submitData.subsidiaryer = item.userName;
} submitData.subsidiaryerId = item.userId;
const closePopup = () =>{ }
data.popupVisible = false;
data.popupVisible2 = false;
}
const reciveData = (item) =>{
submitData.lawEnforcerTwo = item.userName;
submitData.lawEnforcerIdTwo = item.userId;
}
const reciveData2 = (item) =>{
submitData.subsidiaryer = item.userName;
submitData.subsidiaryerId = item.userId;
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.address_edit { .address_edit {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background-color: #ebf3fb; background-color: #ebf3fb;
} }
.warp_body { .warp_body {
margin: 0 3%; margin: 0 3%;
padding-bottom: 3rem; padding-bottom: 3rem;
width: 94%; width: 94%;
height: 100%; height: 100%;
//border-radius: 0.25rem; //border-radius: 0.25rem;
background-image: linear-gradient(to bottom, #ebf3fb, #fff); background-image: linear-gradient(to bottom, #ebf3fb, #fff);
overflow-y: auto; overflow-y: auto;
} }
.qy-name { .qy-name {
font-size: 0.4rem; font-size: 0.4rem;
margin: 0 4.25%; margin: 0 4.25%;
height: 1.2rem; height: 1.2rem;
line-height: 3.5; line-height: 3.5;
font-weight: 600; font-weight: 600;
color: #000; color: #000;
border-bottom: 2px solid #f3f4f5; border-bottom: 2px solid #f3f4f5;
} }
.zf-name { .zf-name {
height: 1.2rem; height: 1.2rem;
font-size: 0.35rem; font-size: 0.35rem;
font-weight: 600; font-weight: 600;
} }
/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */ /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
.van-popup.van-toast{ .van-popup.van-toast {
background: var(--van-toast-background) !important; background: var(--van-toast-background) !important;
box-sizing: content-box !important; box-sizing: content-box !important;
/* 下面3条css,影响不大 */ /* 下面3条css,影响不大 */
transition: all var(--van-duration-fast) !important; transition: all var(--van-duration-fast) !important;
width: var(--van-toast-default-width) !important; width: var(--van-toast-default-width) !important;
max-width: var(--van-toast-max-width) !important; max-width: var(--van-toast-max-width) !important;
} }
.van-popup.van-toast .van-toast__icon{
font-size: var(--van-toast-icon-size) !important; .van-popup.van-toast .van-toast__icon {
} font-size: var(--van-toast-icon-size) !important;
}
.divdsty {
margin: auto; .divdsty {
width: 100%; margin: auto;
height: 0.25rem; width: 100%;
background-color: #f4f4f4; height: 0.25rem;
border: 0; background-color: #f4f4f4;
} border: 0;
.file-upload{ }
min-height: 4.5rem;
position: relative; .file-upload {
} min-height: 4.5rem;
.file-upload-center{ position: relative;
position: absolute; }
height: 20%;
top: 10%; .file-upload-center {
left: 2%; position: absolute;
font-size: 0.38rem; height: 20%;
span { top: 10%;
left: 2%;
font-size: 0.38rem;
span {
font-size: 0.32rem;
color: rgb(221, 229, 227);
}
}
.file {
position: absolute;
bottom: 10%;
left: 2%;
}
.preview-cover {
position: absolute;
bottom: 0;
box-sizing: border-box;
width: 100%;
padding: 4px;
color: #fff;
font-size: 0.32rem; font-size: 0.32rem;
color: rgb(221, 229, 227); text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.goods_box {
display: flex;
background-color: #fff;
margin: 6px;
border-radius: 10px;
.swipe_cell {
width: 100%;
}
.card_box {
display: flex;
width: 100%;
padding: 10px 0px;
flex-direction: column;
.card_body {
background-color: #fff;
border-radius: 10px;
flex: 1;
}
.card_box_span {
font-size: 13px;
padding-left: 5%;
height: 35px;
align-items: center;
display: flex;
align-items: center;
}
.card_box_action {
position: absolute;
right: 4%;
}
}
} }
}
.file{ .search-button-list {
position: absolute; margin-top: -2%;
bottom: 10%;
left: 2%;
}
.preview-cover {
position: absolute;
bottom: 0;
box-sizing: border-box;
width: 100%;
padding: 4px;
color: #fff;
font-size: 0.32rem;
text-align: center;
background: rgba(0, 0, 0, 0.3);
}
.goods_box {
display: flex;
background-color: #fff;
margin: 6px;
border-radius: 10px;
.swipe_cell {
width: 100%;
}
.card_box {
display: flex;
width: 100%;
padding: 10px 0px;
flex-direction: column;
.card_body {
background-color: #fff;
border-radius: 10px;
flex: 1;
} }
.card_box_span { /deep/ .van-button {
font-size: 13px; margin: 2% -2% 3% 4.5%;
padding-left: 5%; padding: 2% 3%;
height: 35px; font-size: 0.3rem;
align-items: center;
display: flex;
align-items: center;
} }
.card_box_action { /deep/ .van-text-ellipsis {
position: absolute; font-size: 0.37rem;
right: 4%; padding: 0.27rem 0.43rem;
} }
}
}
.search-button-list {
margin-top: -2%;
}
/deep/ .van-button {
margin: 2% -2% 3% 4.5%;
padding: 2% 3%;
font-size: 0.3rem;
}
/deep/ .van-text-ellipsis {
font-size: 0.37rem;
padding: 0.27rem 0.43rem;
}
</style> </style>

Write Preview
Loading…
Cancel
Save