修改样式与功能

src/school/orchestra-story/story-operation/index.module.less

@@ -58,6 +58,10 @@
   // .radioSection + .radioSection {
   //   margin-left: 12px;
   // }
+
+  .orchestraName {
+    max-width: 180px;
+  }
 }
 
 .uploader {

src/school/orchestra-story/story-operation/index.tsx

@@ -258,13 +258,23 @@ export default defineComponent({
           <Field
             inputAlign="right"
             label="所属乐团"
-            modelValue={forms.selectOrchestra.text}
-            placeholder="请选择所属乐团"
+            // modelValue={forms.selectOrchestra.text}
+            // placeholder="请选择所属乐团"
             onClick={() => {
               forms.orchestraStatus = true
             }}
             readonly
             isLink
+            v-slots={{
+              input: () =>
+                forms.selectOrchestra.text ? (
+                  <div class={[styles.orchestraName, 'van-ellipsis']}>
+                    {forms.selectOrchestra.text}
+                  </div>
+                ) : (
+                  <div style={{ color: '#c8c9cc' }}>请选择所属乐团</div>
+                )
+            }}
           />
           <Field
             inputAlign="right"

src/views/mine-orchestra/photo-list/detail.tsx

@@ -105,15 +105,18 @@ export default defineComponent({
           >
             <div class={styles.phoneListDetail}>
               <TransitionGroup name="van-fade">
-                {data.list.map((item: any, index: number) => (
-                  <div
-                    key={`index-${index}`}
-                    class={styles.gridItem}
-                    onClick={() => onShowImage(index)}
-                  >
-                    <OImage class={styles.gridImg} src={item.fileUrl} />
-                  </div>
-                ))}
+                <div>
+                  {data.list.map((item: any, index: number) => (
+                    <div
+                      key={`index-${index}`}
+                      class={styles.gridItem}
+                      onClick={() => onShowImage(index)}
+                    >
+                      <OImage class={styles.gridImg} src={item.fileUrl} />
+                    </div>
+                  ))}
+                </div>
+
                 {!data.loading && !data.list.length && (
                   <OEmpty key="OEmpty1" btnStatus={false} tips="暂无照片" />
                 )}

src/views/mine-orchestra/photo-list/index.module.less

@@ -42,18 +42,19 @@
   }
 }
 
-.phoneListDetail{
+.phoneListDetail {
   position: relative;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
   min-height: calc(100vh - var(--header-height));
-  .gridItem{
+  .gridItem {
     padding: 1.5px;
     width: calc(100vw / 3);
     height: calc(100vw / 3);
     box-sizing: border-box;
-    .gridImg{
+    display: inline-block;
+    .gridImg {
       width: 100%;
       height: 100%;
       border-radius: 0;

src/views/unit-test/unit-create/index.module.less

@@ -9,6 +9,10 @@
         color: #333 !important;
       }
     }
+
+    .orchestraName {
+      max-width: 200px;
+    }
   }
 }
 .wall {

src/views/unit-test/unit-create/index.tsx

@@ -129,8 +129,8 @@ export default defineComponent({
               {/*      onClick={() => setAddress()} */}
               <CellGroup inset>
                 <Field
-                  v-model={forms.value.orchestraName}
-                  placeholder="选择乐团"
+                  // v-model={forms.value.orchestraName}
+                  placeholder="请选择乐团"
                   readonly
                   input-align="right"
                   onClick={() => {
@@ -144,14 +144,22 @@ export default defineComponent({
                         {/* <Image width={19} height={18} src={locIcon}></Image> */}
                       </div>
                     ),
-                    label: () => <p class={styles.addP}>选择乐团</p>
+                    label: () => <p class={styles.addP}>选择乐团</p>,
+                    input: () =>
+                      forms.value.orchestraName ? (
+                        <div class={[styles.orchestraName, 'van-ellipsis']}>
+                          {forms.value.orchestraName}
+                        </div>
+                      ) : (
+                        <div style={{ color: '#c8c9cc' }}>请选择乐团</div>
+                      )
                   }}
                 </Field>
                 <Field
                   rows={3}
                   v-model={forms.value.classGroupName}
                   maxlength={50}
-                  placeholder="测验班级"
+                  placeholder="请选择测验班级"
                   readonly
                   input-align="right"
                   onClick={() => {
@@ -176,7 +184,7 @@ export default defineComponent({
                   rows={3}
                   v-model={forms.value.unitName}
                   maxlength={50}
-                  placeholder="测验内容"
+                  placeholder="请选择测验内容"
                   readonly
                   input-align="right"
                   onClick={chioseLesson}
@@ -213,7 +221,7 @@ export default defineComponent({
         <Popup v-model:show={state.showPopoverOrchestra} position="bottom" round>
           <Picker
             columns={state.actions}
-            columnsFieldNames={{ text: 'name', value: 'id' }}
+            columnsFieldNames={{ text: 'name', value: 'value' }}
             onCancel={() => (state.showPopoverOrchestra = false)}
             onConfirm={checkOrchestra}
           />
@@ -222,7 +230,7 @@ export default defineComponent({
         <Popup v-model:show={state.showPopoverClass} position="bottom" round>
           <Picker
             columns={state.classList}
-            columnsFieldNames={{ text: 'name', value: 'id' }}
+            columnsFieldNames={{ text: 'name', value: 'value' }}
             onCancel={() => (state.showPopoverOrchestra = false)}
             onConfirm={checkClass}
           />