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. 271
      src/views/enforce/enterpriseBaseInfo.vue

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

@ -1,11 +1,11 @@
<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>
@ -25,7 +25,7 @@
label="企业类型:" label="企业类型:"
readonly readonly
/> />
<!-- <van-field <!-- <van-field
v-model="data.enterpriseInfo.enterpriseAddress" v-model="data.enterpriseInfo.enterpriseAddress"
label="企业地址:" label="企业地址:"
rows="2" rows="2"
@ -38,18 +38,18 @@
<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="注册资本(元):"
@ -68,13 +68,13 @@
<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>
@ -89,7 +89,7 @@
<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>
@ -98,7 +98,7 @@
</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">
@ -114,7 +114,7 @@
<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>
@ -126,7 +126,8 @@
<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>-->
<p><span class="card_box_label">处罚日期：</span> {{formattedTimeYYYYmmdd(item.c206013)}}</p>
</div> </div>
</div> </div>
</van-swipe-cell> </van-swipe-cell>
@ -138,7 +139,7 @@
<!-- <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 class="van-hairline&#45;&#45;bottom"></div>--> <!-- <div class="van-hairline&#45;&#45;bottom"></div>-->
<div class="card_box_span"> <div class="card_box_span">
<p v-if="item.c301002 != '无'">{{ item.c301002 }}</p> <p v-if="item.c301002 != '无'">{{ item.c301002 }}</p>
<p v-if="item.c301002 == '无'">************</p> <p v-if="item.c301002 == '无'">************</p>
@ -150,7 +151,8 @@
<p><span class="card_box_label">强制措施：</span> {{ item.lawDate }}</p> <p><span class="card_box_label">强制措施：</span> {{ item.lawDate }}</p>
</div> </div>
<div class="card_box_span"> <div class="card_box_span">
<p><span class="card_box_label">批准时间：</span> {{ item.c302007 }}</p> <!-- <p><span class="card_box_label">批准时间：</span> {{ item.c302007 }}</p>-->
<p><span class="card_box_label">批准时间：</span> {{formattedTimeYYYYmmdd(item.c302007)}}</p>
</div> </div>
</div> </div>
</van-swipe-cell> </van-swipe-cell>
@ -161,86 +163,88 @@
</van-form> </van-form>
</div> </div>
<Popup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup" @reciveData="reciveData" /> <Popup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup" @reciveData="reciveData"/>
<Popup :visible="data.popupVisible2" :content="data.popupContent2" @close="closePopup" @reciveData="reciveData2" /> <Popup :visible="data.popupVisible2" :content="data.popupContent2" @close="closePopup" @reciveData="reciveData2"/>
<!-- </div>--> <!-- </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 = false
})
item.selected = true item.selected = true
data.show = item.val data.show = item.val
} }
} }
const queryList = () =>{ const queryList = () => {
queryEnforcementInspectionProgramList(searchParam,success =>{ queryEnforcementInspectionProgramList(searchParam, success => {
console.log(success) console.log(success)
data.dataList = success.data; data.dataList = success.data;
freshMap.refreshLoad = false; freshMap.refreshLoad = false;
freshMap.listLoading = false; freshMap.listLoading = false;
freshMap.listFinished = true; freshMap.listFinished = true;
isLodding.value = false; isLodding.value = false;
},error =>{ }, error => {
}) })
} }
//3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd //3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
//初始化参数，获取扫码的企业统一信用编码 //初始化参数，获取扫码的企业统一信用编码
onMounted(() =>{ onMounted(() => {
//查询企业信息 //查询企业信息
getEnterpriseInformation(route?.query?.enterpriseNumber,success =>{ getEnterpriseInformation(route?.query?.enterpriseNumber, success => {
// getEnterpriseInformation(props?.enterpriseNumber,success =>{ // getEnterpriseInformation(props?.enterpriseNumber,success =>{
if (null != success.data) { if (null != success.data) {
console.log(success); console.log(success);
@ -254,7 +258,7 @@ onMounted(() =>{
if (null != success.data.registeredCapital) { if (null != success.data.registeredCapital) {
amount = Number(success.data.registeredCapital).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,'); amount = Number(success.data.registeredCapital).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
} }
data.enterpriseInfo.registeredCapital = amount +' (人民币/万元)' data.enterpriseInfo.registeredCapital = amount + ' (人民币/万元)'
// data.enterpriseInfo.operatingTerm = success.data.operatingTerm // data.enterpriseInfo.operatingTerm = success.data.operatingTerm
var tmpoperatingTerm = success.data.operatingTerm; var tmpoperatingTerm = success.data.operatingTerm;
if (tmpoperatingTerm.indexOf('null') >= 0) { if (tmpoperatingTerm.indexOf('null') >= 0) {
@ -264,15 +268,15 @@ onMounted(() =>{
data.enterpriseInfo.businessScope = success.data.businessScope data.enterpriseInfo.businessScope = success.data.businessScope
data.enterpriseInfo.establishmentTime = format(success.data.establishmentTime, 'yyyy-MM-dd'); data.enterpriseInfo.establishmentTime = format(success.data.establishmentTime, 'yyyy-MM-dd');
//查询企业类型 //查询企业类型
getDict({"dictType": "enterpriseType"},success =>{ getDict({"dictType": "enterpriseType"}, success => {
if (success.data !=null) { if (success.data != null) {
success.data.forEach(res =>{ success.data.forEach(res => {
if (data.enterpriseInfo.enterpriseType === res.dictValue) { if (data.enterpriseInfo.enterpriseType === res.dictValue) {
data.enterpriseInfo.enterpriseType = res.dictLabel data.enterpriseInfo.enterpriseType = res.dictLabel
} }
}) })
} }
},error =>{ }, error => {
}) })
//查询企业历史检查案件 //查询企业历史检查案件
@ -283,41 +287,41 @@ onMounted(() =>{
// }) // })
//查询企业历史检查案件 //查询企业历史检查案件
queryXzjcjbxxList(success.data.enterpriseNumber,res =>{ queryXzjcjbxxList(success.data.enterpriseNumber, res => {
console.log("历史检查案件---",res.data) console.log("历史检查案件---", res.data)
data.checkDataList = res.data; data.checkDataList = res.data;
},error =>{ }, error => {
}); });
//查询历史强制案件 //查询历史强制案件
queryQZAJList(success.data.enterpriseNumber,res =>{ queryQZAJList(success.data.enterpriseNumber, res => {
console.log("历史强制案件---",res.data) console.log("历史强制案件---", res.data)
data.forceDataList = res.data; data.forceDataList = res.data;
},error =>{ }, error => {
}) })
//历史处罚案件 //历史处罚案件
queryCFAJList(success.data.enterpriseNumber,res =>{ queryCFAJList(success.data.enterpriseNumber, res => {
console.log("历史处罚案件---",res.data) console.log("历史处罚案件---", res.data)
data.punishDataList = res.data; data.punishDataList = res.data;
},error =>{ }, error => {
}) })
} }
},error=>{ }, error => {
}) })
}) })
// 返回 // 返回
const goBack = () => { const goBack = () => {
router.go(-1); router.go(-1);
}; };
const toDetailView = (id) =>{ const toDetailView = (id) => {
console.log(id) console.log(id)
router.push( router.push(
{ {
@ -326,39 +330,39 @@ const toDetailView = (id) =>{
id: id, id: id,
} }
}); });
} }
const showPopup = () =>{ const showPopup = () => {
data.popupVisible = true; data.popupVisible = true;
} }
const showPopup2 = () =>{ const showPopup2 = () => {
data.popupVisible2 = true; data.popupVisible2 = true;
} }
const closePopup = () =>{ const closePopup = () => {
data.popupVisible = false; data.popupVisible = false;
data.popupVisible2 = false; data.popupVisible2 = false;
} }
const reciveData = (item) =>{ const reciveData = (item) => {
submitData.lawEnforcerTwo = item.userName; submitData.lawEnforcerTwo = item.userName;
submitData.lawEnforcerIdTwo = item.userId; submitData.lawEnforcerIdTwo = item.userId;
} }
const reciveData2 = (item) =>{ const reciveData2 = (item) => {
submitData.subsidiaryer = item.userName; submitData.subsidiaryer = item.userName;
submitData.subsidiaryerId = item.userId; 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%;
@ -366,9 +370,9 @@ const reciveData2 = (item) =>{
//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;
@ -376,56 +380,61 @@ const reciveData2 = (item) =>{
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{
.van-popup.van-toast .van-toast__icon {
font-size: var(--van-toast-icon-size) !important; font-size: var(--van-toast-icon-size) !important;
} }
.divdsty { .divdsty {
margin: auto; margin: auto;
width: 100%; width: 100%;
height: 0.25rem; height: 0.25rem;
background-color: #f4f4f4; background-color: #f4f4f4;
border: 0; border: 0;
} }
.file-upload{
.file-upload {
min-height: 4.5rem; min-height: 4.5rem;
position: relative; position: relative;
} }
.file-upload-center{
.file-upload-center {
position: absolute; position: absolute;
height: 20%; height: 20%;
top: 10%; top: 10%;
left: 2%; left: 2%;
font-size: 0.38rem; font-size: 0.38rem;
span { span {
font-size: 0.32rem; font-size: 0.32rem;
color: rgb(221, 229, 227); color: rgb(221, 229, 227);
} }
} }
.file{
.file {
position: absolute; position: absolute;
bottom: 10%; bottom: 10%;
left: 2%; left: 2%;
} }
.preview-cover { .preview-cover {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
box-sizing: border-box; box-sizing: border-box;
@ -435,9 +444,9 @@ const reciveData2 = (item) =>{
font-size: 0.32rem; font-size: 0.32rem;
text-align: center; text-align: center;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
} }
.goods_box { .goods_box {
display: flex; display: flex;
background-color: #fff; background-color: #fff;
margin: 6px; margin: 6px;
@ -473,20 +482,20 @@ const reciveData2 = (item) =>{
right: 4%; right: 4%;
} }
} }
} }
.search-button-list { .search-button-list {
margin-top: -2%; margin-top: -2%;
} }
/deep/ .van-button { /deep/ .van-button {
margin: 2% -2% 3% 4.5%; margin: 2% -2% 3% 4.5%;
padding: 2% 3%; padding: 2% 3%;
font-size: 0.3rem; font-size: 0.3rem;
} }
/deep/ .van-text-ellipsis { /deep/ .van-text-ellipsis {
font-size: 0.37rem; font-size: 0.37rem;
padding: 0.27rem 0.43rem; padding: 0.27rem 0.43rem;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save