Browse Source

样式bug修改

v3
蟑螂恶霸 2 years ago
parent
commit
7d4ffbbf2a
  1. 18
      src/components/footer-enforcement-nav/index.vue
  2. 14
      src/components/footer-nav/index.vue
  3. 30
      src/views/enforce/enterpriseBaseInfo.vue
  4. 16
      src/views/enforce/sign.vue
  5. 14
      src/views/enterprise/register.vue
  6. 26
      src/views/enterprise/registrationDetail.vue
  7. 43
      src/views/enterprise/registrationEdit.vue

18
src/components/footer-enforcement-nav/index.vue

@ -1,28 +1,28 @@
<template> <template>
<div class="footer_nav"> <div class="footer_nav">
<van-tabbar class="footer-bar" v-model="data.footerActive" :route="true" safe-area-inset-bottom> <van-tabbar class="footer-bar" v-model="data.footerActive" :route="true" safe-area-inset-bottom>
<van-tabbar-item name="Home" replace icon="wap-home-o" to="/enforceHome">{{ <van-tabbar-item name="Home" replace icon="wap-home" to="/enforceHome">{{
$t("common.lang_home") $t("common.lang_home")
}}</van-tabbar-item> }}</van-tabbar-item>
<van-tabbar-item name="Classify" replace icon="warn-o" to="/earlyWarning">预警</van-tabbar-item> <van-tabbar-item name="Classify" replace icon="warning" to="/earlyWarning">预警</van-tabbar-item>
<van-tabbar-item <van-tabbar-item
name="plan" name="plan"
replace replace
icon="clock-o" icon="clock"
to="/appointmentList" to="/appointmentList"
>预告</van-tabbar-item >预告</van-tabbar-item
> >
<van-tabbar-item <van-tabbar-item
name="Shop" name="Shop"
replace replace
icon="records-o" icon="records"
to="/enforce/enforcementPlan" to="/enforce/enforcementPlan"
>计划</van-tabbar-item >计划</van-tabbar-item
> >
<van-tabbar-item <van-tabbar-item
name="Shop" name="Shop"
replace replace
icon="bullhorn-o" icon="bell"
to="/enforce/enforceNotice" to="/enforce/enforceNotice"
>通知</van-tabbar-item >通知</van-tabbar-item
> >
@ -52,4 +52,12 @@ let data = reactive({
bottom: 0; bottom: 0;
} }
} }
/deep/ .van-tabbar-item {
color: #bbb;
}
/deep/ .van-tabbar-item--active{
color: #1989fa;
}
</style> </style>

14
src/components/footer-nav/index.vue

@ -1,13 +1,13 @@
<template> <template>
<div class="footer_nav"> <div class="footer_nav">
<van-tabbar class="footer-bar" v-model="data.footerActive" :route="true" safe-area-inset-bottom> <van-tabbar class="footer-bar" v-model="data.footerActive" :route="true" safe-area-inset-bottom>
<van-tabbar-item name="Home" replace icon="wap-home-o" to="/home">{{ <van-tabbar-item name="Home" replace icon="wap-home" to="/home">{{
$t("common.lang_home") $t("common.lang_home")
}}</van-tabbar-item> }}</van-tabbar-item>
<van-tabbar-item name="Classify" replace icon="description-o" to="/enterprise/enterpriseInspectionNotice"> <van-tabbar-item name="Classify" replace icon="bell" to="/enterprise/enterpriseInspectionNotice">
行政检查通知 行政检查通知
</van-tabbar-item> </van-tabbar-item>
<van-tabbar-item name="Classify" replace icon="todo-list-o" to="/enterprise/complaintList"> <van-tabbar-item name="Classify" replace icon="todo-list" to="/enterprise/complaintList">
投诉进度查询 投诉进度查询
</van-tabbar-item> </van-tabbar-item>
<!-- <van-tabbar-item name="My" replace icon="manager-o" to="">{{ <!-- <van-tabbar-item name="My" replace icon="manager-o" to="">{{
@ -36,4 +36,12 @@ let data = reactive({
bottom: 0; bottom: 0;
} }
} }
/deep/ .van-tabbar-item {
color: #bbb;
}
/deep/ .van-tabbar-item--active{
color: #1989fa;
}
</style> </style>

30
src/views/enforce/enterpriseBaseInfo.vue

@ -12,35 +12,28 @@
<!-- <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
label="统一社会信用代码"
style="white-space: nowrap"
/>
<van-field
v-model="data.enterpriseInfo.enterpriseNumber"
label=" "
/>
<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.enterpriseType" v-model="data.enterpriseInfo.enterpriseType"
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
@ -57,12 +50,12 @@
</div> </div>
<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
/> />
<!-- <div style="display: flex; justify-content: space-between"> <!-- <div style="display: flex; justify-content: space-between">
@ -573,4 +566,9 @@
padding: 0.27rem 0px 0px; padding: 0.27rem 0px 0px;
width: calc(100% - 2.7rem); width: calc(100% - 2.7rem);
} }
/deep/ .van-cell-group .van-cell:nth-child(2) .van-field__label {
line-height: 1.25;
width: 2rem;
}
</style> </style>

16
src/views/enforce/sign.vue

@ -18,21 +18,14 @@
:rules="[{ required: true, message: '必填项' }]" :rules="[{ required: true, message: '必填项' }]"
placeholder="企业名称" placeholder="企业名称"
/> />
<!-- <van-field <van-field
v-model="submitData.enterpriseNumber" v-model="submitData.enterpriseNumber"
required required
label="统一社会信用代码" label="统一社会信用代码"
:rules="[{ required: true, message: '必填项' }]" :rules="[{ required: true, message: '必填项' }]"
placeholder="统一社会信用代码" placeholder="统一社会信用代码"
/>-->
<van-field
label="统一社会信用代码"
style="white-space: nowrap"
/>
<van-field
v-model="submitData.enterpriseNumber"
label=" "
/> />
</van-cell-group> </van-cell-group>
<van-divider class="divdsty"/> <van-divider class="divdsty"/>
@ -1221,4 +1214,9 @@
text-align: center; text-align: center;
} }
/deep/ .van-cell-group .van-cell:nth-child(2) .van-field__label {
line-height: 1.25;
width: 2rem;
}
</style> </style>

14
src/views/enterprise/register.vue

@ -27,15 +27,12 @@
/> />
<Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData" /> <Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData" />
<van-field <van-field
v-model="submitData.enterpriseNumber"
required required
label="统一社会信用代码" label="统一社会信用代码"
style="white-space: nowrap" placeholder="必填 统一社会信用代码"
/>
<van-field
v-model="submitData.enterpriseNumber"
label=" "
placeholder="必填 统一社会信用代码"
/> />
<van-field <van-field
v-model="submitData.enterpriseTypeText" v-model="submitData.enterpriseTypeText"
label="企业类型" label="企业类型"
@ -389,4 +386,9 @@ export default {
width: calc(100% - 2.7rem); width: calc(100% - 2.7rem);
} }
/deep/ .van-cell-group .van-cell:nth-child(2) .van-field__label {
line-height: 1.25;
width: 2rem;
}
</style> </style>

26
src/views/enterprise/registrationDetail.vue

@ -4,27 +4,27 @@
<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="submitData.enterpriseName" v-model="submitData.enterpriseName"
label="企业名称" label="企业名称"
placeholder="必填 企业名称" placeholder="必填 企业名称"
readonly readonly
/> />
<div style="font-size: 15px; padding-left: 18px;">统一社会信用代码</div> <!-- <div style="font-size: 15px; padding-left: 18px;">统一社会信用代码</div>
<div style="font-size: 15px; padding-left: 18px;">{{submitData.enterpriseNumber}}</div> <div style="font-size: 15px; padding-left: 18px;">{{submitData.enterpriseNumber}}</div>-->
<!-- <van-field--> <van-field
<!-- v-model="submitData.enterpriseNumber"--> v-model="submitData.enterpriseNumber"
<!-- label="统一社会信用代码"--> label="统一社会信用代码"
<!-- placeholder="必填 统一社会信用代码"--> placeholder="必填 统一社会信用代码"
<!-- readonly--> readonly
<!-- />--> />
</van-cell-group> </van-cell-group>
<van-divider class="divdsty" /> <van-divider class="divdsty" />
<van-cell-group> <van-cell-group>
<div class="zf-name">执法信息</div> <!-- <div class="zf-name">执法信息</div>-->
<van-field <van-field
v-model="submitData.lawEnforcement" v-model="submitData.lawEnforcement"
label="执法部门" label="执法部门"
@ -548,4 +548,10 @@ const reciveData2 = (item) =>{
font-size: 0.35rem; font-size: 0.35rem;
} }
} }
/deep/ .van-cell-group .van-cell:nth-child(2) .van-field__label {
line-height: 1.25;
width: 2rem;
}
</style> </style>

43
src/views/enterprise/registrationEdit.vue

@ -8,8 +8,26 @@
<!-- 中间 --> <!-- 中间 -->
<div class="warp_body"> <div class="warp_body">
<van-form @failed="onFailed" ref="form"> <van-form @failed="onFailed" ref="form">
<van-cell-group>
<!-- <div class="qy-name">企业信息</div>-->
<van-field
v-model="submitData.enterpriseName"
required
label="企业名称"
:rules="[{ required: true, message: '必填项' }]"
placeholder="企业名称"
/>
<van-field
v-model="submitData.enterpriseNumber"
required
label="统一社会信用代码"
:rules="[{ required: true, message: '必填项' }]"
placeholder="统一社会信用代码"
/>
</van-cell-group>
<van-cell-group> <van-cell-group>
<div class="zf-name">执法信息</div> <!-- <div class="zf-name">执法信息</div>-->
<van-field <van-field
v-model="submitData.lawText" v-model="submitData.lawText"
label="是否关联预约" label="是否关联预约"
@ -175,23 +193,7 @@
<van-divider class="divdsty" /> <van-divider class="divdsty" />
<van-cell-group>
<div class="qy-name">企业信息</div>
<van-field
v-model="submitData.enterpriseName"
required
label="企业名称"
:rules="[{ required: true, message: '必填项' }]"
placeholder="企业名称"
/>
<van-field
v-model="submitData.enterpriseNumber"
required
label="统一社会信用代码"
:rules="[{ required: true, message: '必填项' }]"
placeholder="统一社会信用代码"
/>
</van-cell-group>
<van-action-bar> <van-action-bar>
<van-button round block type="info" native-type="submit" @click="tmpSave">保存</van-button> <van-button round block type="info" native-type="submit" @click="tmpSave">保存</van-button>
@ -868,4 +870,9 @@
margin-right: 0.1rem; margin-right: 0.1rem;
} }
/deep/ .van-cell-group .van-cell:nth-child(2) .van-field__label {
line-height: 1.25;
width: 2rem;
}
</style> </style>

Loading…
Cancel
Save