学校样式修改

1

src/school/school-detail/eidt-school.tsx

@@ -181,39 +181,39 @@ export default defineComponent({
               ></Field> */}
               {/*    onClick={() => (state.showArea = true)} */}
               <Field
-                label-align="top"
-                v-model={forms.address}
+                label-align="left"
+                rows={3}
+                v-model={forms.emergencyContact}
                 maxlength={50}
-                placeholder="请选择地址"
-                disabled
-                onClick={() => setAddress()}
+                placeholder="请输入姓名"
               >
-                {{
-                  extra: () => (
-                    <div class={styles.loctionIconWrap}>
-                      <Image width={19} height={18} src={locIcon}></Image>
-                    </div>
-                  ),
-                  label: () => <p class={styles.addP}>地址</p>
-                }}
+                {{ label: () => <p class={styles.addP}>负责人</p> }}
               </Field>
               <Field
-                label-align="top"
+                label-align="left"
                 rows={3}
                 v-model={forms.email}
                 maxlength={50}
-                placeholder="请输入邮箱"
+                placeholder="请输入邮箱账号"
               >
-                {{ label: () => <p class={styles.addP}>邮箱</p> }}
+                {{ label: () => <p class={styles.addP}>邮箱账号</p> }}
               </Field>
               <Field
                 label-align="top"
-                rows={3}
-                v-model={forms.emergencyContact}
+                v-model={forms.address}
                 maxlength={50}
-                placeholder="请输入负责人姓名"
+                placeholder="请选择地址"
+                disabled
+                onClick={() => setAddress()}
               >
-                {{ label: () => <p class={styles.addP}>负责人</p> }}
+                {{
+                  extra: () => <div class={styles.loctionIconWrap}></div>,
+                  label: () => (
+                    <p class={[styles.addP, styles.addDet]}>
+                      学校地址 <Image width={19} height={18} src={locIcon}></Image>
+                    </p>
+                  )
+                }}
               </Field>
             </CellGroup>
             <OUpload

src/school/school-detail/index.module.less

@@ -63,6 +63,16 @@
         font-weight: 500;
         color: #333333;
         line-height: 21px;
+        span {
+          display: inline-block;
+          width: 60px;
+          text-align: left;
+          margin-right: 20px;
+          font-size: 15px;
+          font-weight: 400;
+          color: #777777;
+          line-height: 21px;
+        }
         &:last-child {
           margin-bottom: 0;
         }
@@ -130,6 +140,13 @@
   color: #333333;
   line-height: 22px;
 }
+.addDet {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
 .schoolDtailWrap {
   padding: 14px 12px;
   display: flex;

src/school/school-detail/index.tsx

@@ -104,11 +104,25 @@ export default defineComponent({
               </div>
             </div>
             <div class={styles.detailInfo}>
-              <p>地址：{state.info.address}</p>
-              <p>学年制：{schoolSystem[state.info.schoolSystem]} </p>
-              <p>邮箱：{state.info.email}</p>
-              <p>管理老师：{state.info.educationalAdministrationUsername}</p>
-              <p>负责人：{state.info.emergencyContact}</p>
+              <p>
+                <span>负责人</span>
+                {state.info.emergencyContact}
+              </p>
+              <p>
+                <span>管理老师</span>
+                {state.info.educationalAdministrationUsername}
+              </p>
+              <p>
+                <span>学年制</span>
+                {schoolSystem[state.info.schoolSystem]}{' '}
+              </p>
+              <p>
+                <span>邮箱账号</span>
+                {state.info.email}
+              </p>
+              <p>
+                <span>学校地址</span> {state.info.address}
+              </p>
             </div>
           </div>
           <div class={styles.teacherList}>

src/school/school-detail/modals/teacher-item.module.less

@@ -69,7 +69,7 @@
       margin-bottom: 6px;
     }
     .statusTagWrap {
-      flex: 1;
+      width: 275px;
       display: flex;
       flex-direction: row;
       align-items: top;