Browse Source

单位信息采集样式BUG修复

fanghuisheng 2 years ago
parent
commit
f15f804900
3 changed files with 68 additions and 56 deletions
  1. 66 54
      src/pages/business/mhxf/unitInfoCollection/index.vue
  2. 1 1
      src/pages/login.vue
  3. 1 1
      src/static/js/json.js

+ 66 - 54
src/pages/business/mhxf/unitInfoCollection/index.vue

@@ -5,67 +5,71 @@
     </view>
 
     <view class="centerOne" v-if="pagingBool">
-      <view style="color: #333333; text-align: center; margin-top: 10px"> 单位基本信息(1/2) </view>
-
-      <view style="padding: 10px 0">
-        <view class="" style="padding: 10px 10px 20px 10px; background: #ffffff">
-          <u--form :model="form" ref="uForm" :rules="rules" labelWidth="130" style="padding-left: 9px">
-            <u-form-item label="单位名称" prop="companyName" required :borderBottom="true">
-              <u-input v-model="form.companyName" placeholder="请输入单位名称" border="none">
-                <template #suffix>
-                  <u-icon name="search" color="#999999" size="22" @click="companySubmit(form.companyName)"></u-icon>
-                </template>
-              </u-input>
-            </u-form-item>
-            <u-form-item label="统一社会信用代码" prop="organization" required :borderBottom="true">
-              <u-input v-model="form.organization" placeholder="请输入统一社会信用代码" border="none" maxlength="18" />
-            </u-form-item>
-            <u-form-item label="法人代表" prop="delegateName" required :borderBottom="true">
-              <u-input v-model="form.delegateName" placeholder="请输入法人代表" border="none" />
-            </u-form-item>
-            <u-form-item label="所属街镇" prop="streetTown" required :borderBottom="true" @click="handleAction('所属街镇')">
-              <u-input v-model="form.streetTown" placeholder="请选择所属街镇" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" />
-            </u-form-item>
-            <u-form-item label="单位地址" prop="address" required :borderBottom="true">
-              <u-input v-model="form.address" placeholder="请输入单位地址" border="none" />
-            </u-form-item>
-            <u-form-item label="消防管理人电话" prop="fireManagePhone" required :borderBottom="true">
-              <u-input v-model="form.fireManagePhone" placeholder="请输入消防管理人电话" border="none" maxlength="11" />
-            </u-form-item>
-            <u-form-item label="成立时间" prop="foundTime" required :borderBottom="true" @click="handleDateTime('成立时间', 0, form.foundTime)">
-              <u-input v-model="form.foundTime" placeholder="请选择成立时间" border="none" suffixIcon="calendar" suffixIconStyle="color: #909399;font-size:22px" />
-            </u-form-item>
-            <u-form-item label="消防安全责任人" prop="fireDutyName" :borderBottom="true">
-              <u-input v-model="form.fireDutyName" placeholder="请输入消防安全责任人" border="none" />
-            </u-form-item>
-            <u-form-item label="消防安全管理人" prop="fireManageName" :borderBottom="true">
-              <u-input v-model="form.fireManageName" placeholder="请输入消防安全管理人" border="none" />
-            </u-form-item>
-            <u-form-item label="职工人数" prop="employeeNum" :borderBottom="true">
-              <u-input type="digit" v-model="form.employeeNum" placeholder="请输入职工人数" suffixIcon="人" suffixIconStyle="color:#999999;font-size:15px" border="none" />
-            </u-form-item>
-            <u-form-item label="固定资产(万元)" prop="fixedAssets" :borderBottom="true">
-              <u-input type="number" v-model="form.fixedAssets" placeholder="请输入固定资产(万元)" suffixIcon="万元" suffixIconStyle="color:#999999;font-size:15px" border="none" />
-            </u-form-item>
-            <u-form-item label="单位性质" prop="companyNature" :borderBottom="true" @click="handleAction('单位性质')">
-              <u-input v-model="form.companyNature" placeholder="请选择单位性质" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" />
-            </u-form-item>
-            <u-form-item label="单位建筑面积" prop="buildArea" :borderBottom="true">
-              <u-input type="number" v-model="form.buildArea" placeholder="请输入单位建筑面积" suffixIcon="平方米" suffixIconStyle="color:#999999;font-size:15px" border="none" />
-            </u-form-item>
-          </u--form>
-
-          <view style="position: fixed; left: 0; right: 0; bottom: 0; padding: 15px">
-            <view>
-              <u-button type="primary" style="width: 100%; height: 40px; font-size: 14px" @click="handleSubmit('下一步')" shape="circle"> 下一步 </u-button>
+      <view class="title"> 单位基本信息(1/2) </view>
+
+      <u--form :model="form" ref="uForm" :rules="rules" labelWidth="130">
+        <view style="padding: 10px 0">
+          <view style="padding: 10px 10px 20px 10px; background: #ffffff">
+            <view style="padding-left: 9px">
+              <u-form-item label="单位名称" prop="companyName" required :borderBottom="true">
+                <u-input v-model="form.companyName" placeholder="请输入单位名称" border="none">
+                  <template #suffix>
+                    <u-icon name="search" color="#999999" size="22" @click="companySubmit(form.companyName)"></u-icon>
+                  </template>
+                </u-input>
+              </u-form-item>
+              <u-form-item label="统一社会信用代码" prop="organization" required :borderBottom="true">
+                <u-input v-model="form.organization" placeholder="请输入统一社会信用代码" border="none" maxlength="18" />
+              </u-form-item>
+              <u-form-item label="法人代表" prop="delegateName" required :borderBottom="true">
+                <u-input v-model="form.delegateName" placeholder="请输入法人代表" border="none" />
+              </u-form-item>
+              <u-form-item label="所属街镇" prop="streetTown" required :borderBottom="true" @click="handleAction('所属街镇')">
+                <u-input v-model="form.streetTown" placeholder="请选择所属街镇" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" />
+              </u-form-item>
+              <u-form-item label="单位地址" prop="address" required :borderBottom="true">
+                <u-input v-model="form.address" placeholder="请输入单位地址" border="none" />
+              </u-form-item>
+              <u-form-item label="消防管理人电话" prop="fireManagePhone" required :borderBottom="true">
+                <u-input v-model="form.fireManagePhone" placeholder="请输入消防管理人电话" border="none" maxlength="11" />
+              </u-form-item>
+              <u-form-item label="成立时间" prop="foundTime" required :borderBottom="true" @click="handleDateTime('成立时间', 0, form.foundTime)">
+                <u-input v-model="form.foundTime" placeholder="请选择成立时间" border="none" suffixIcon="calendar" suffixIconStyle="color: #909399;font-size:22px" />
+              </u-form-item>
+              <u-form-item label="消防安全责任人" prop="fireDutyName" :borderBottom="true">
+                <u-input v-model="form.fireDutyName" placeholder="请输入消防安全责任人" border="none" />
+              </u-form-item>
+              <u-form-item label="消防安全管理人" prop="fireManageName" :borderBottom="true">
+                <u-input v-model="form.fireManageName" placeholder="请输入消防安全管理人" border="none" />
+              </u-form-item>
+              <u-form-item label="职工人数" prop="employeeNum" :borderBottom="true">
+                <u-input type="digit" v-model="form.employeeNum" placeholder="请输入职工人数" suffixIcon="人" suffixIconStyle="color:#999999;font-size:15px" border="none" />
+              </u-form-item>
+              <u-form-item label="固定资产(万元)" prop="fixedAssets" :borderBottom="true">
+                <u-input type="number" v-model="form.fixedAssets" placeholder="请输入固定资产(万元)" suffixIcon="万元" suffixIconStyle="color:#999999;font-size:15px" border="none" />
+              </u-form-item>
+              <u-form-item label="单位性质" prop="companyNature" :borderBottom="true" @click="handleAction('单位性质')">
+                <u-input v-model="form.companyNature" placeholder="请选择单位性质" suffixIcon="arrow-right" suffixIconStyle="color: #909399" border="none" />
+              </u-form-item>
+              <u-form-item label="单位建筑面积" prop="buildArea" :borderBottom="true">
+                <u-input type="number" v-model="form.buildArea" placeholder="请输入单位建筑面积" suffixIcon="平方米" suffixIconStyle="color:#999999;font-size:15px" border="none" />
+              </u-form-item>
             </view>
           </view>
         </view>
+      </u--form>
+
+      <view style="padding-bottom: 70px"> </view>
+
+      <view style="position: fixed; left: 0; right: 0; bottom: 0; padding: 15px">
+        <view>
+          <u-button type="primary" style="width: 100%; height: 40px; font-size: 14px" @click="handleSubmit('下一步')" shape="circle"> 下一步 </u-button>
+        </view>
       </view>
     </view>
 
     <view class="centerTwo" v-else>
-      <view style="color: #333333; text-align: center; margin-top: 10px"> 所在建筑信息(2/2) </view>
+      <view class="title"> 所在建筑信息(2/2) </view>
 
       <u--form ref="uForm1" :model="form" :rules="rules" labelWidth="130">
         <view style="padding: 10px 0" v-for="(li, index) in form.baseBuildList" :key="index">
@@ -889,5 +893,13 @@ onLoad((options) => {
 
 <style lang="scss">
 #unitInfoCollection {
+  .centerOne,
+  .centerTwo {
+    .title {
+      color: #333333;
+      text-align: center;
+      margin-top: 10px;
+    }
+  }
 }
 </style>

+ 1 - 1
src/pages/login.vue

@@ -16,7 +16,7 @@
       </view>
 
       <view id="login-input" style="display: flex; margin-top: 20px" v-if="switchText == '账号密码登录'">
-        <u-input style="width: 60%" v-model="verify" prefixIcon="search" placeholder="请输入验证码" />
+        <u-input style="width: 60%" v-model="verify" prefixIcon="email" placeholder="请输入验证码" />
 
         <u-button @click="getVerifyCode">{{ !codeTime ? "获取验证码" : codeTime + "s" }}</u-button>
       </view>

+ 1 - 1
src/static/js/json.js

@@ -27,7 +27,7 @@ let cuIconList = [
   },
 
   {
-    imgUrl: "/static/images/index/ge4.png",
+    imgUrl: "/static/images/index/ge5.png",
     badge: 0,
     name: "单位采集",
     redirectUrl: "/pages/business/mhxf/unitInfoCollection/index",