|
|
@@ -283,40 +283,50 @@ export default defineComponent({
|
|
|
))}
|
|
|
</div> */}
|
|
|
|
|
|
- <Draggable
|
|
|
- v-model:modelValue={state.options}
|
|
|
- itemKey="itemIndex"
|
|
|
- // componentData={{
|
|
|
- // on: {
|
|
|
- // change: () => {
|
|
|
- // console.log('input')
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }}
|
|
|
- >
|
|
|
- {{
|
|
|
- item: (element: any) => {
|
|
|
- const item = element.element
|
|
|
- return (
|
|
|
- <div class={styles.itemsContainer}>
|
|
|
- {item.leftType === AnswerType.TXT && (
|
|
|
- <Tag class={[styles.items]} data-id={item.itemIndex}>
|
|
|
- {item.leftValue}
|
|
|
- </Tag>
|
|
|
- )}
|
|
|
- {item.leftType === AnswerType.IMAGE && (
|
|
|
- <Image
|
|
|
- src={item.leftValue}
|
|
|
- data-id={item.itemIndex}
|
|
|
- class={[styles.imgs, 'van-hairline--surround']}
|
|
|
- fit="cover"
|
|
|
- />
|
|
|
- )}
|
|
|
- </div>
|
|
|
- )
|
|
|
- }
|
|
|
- }}
|
|
|
- </Draggable>
|
|
|
+ {props.readOnly ? (
|
|
|
+ state.options.map((item: any) => (
|
|
|
+ <div class={styles.itemsContainer}>
|
|
|
+ {item.leftType === AnswerType.TXT && (
|
|
|
+ <Tag class={[styles.items]} data-id={item.itemIndex}>
|
|
|
+ {item.leftValue}
|
|
|
+ </Tag>
|
|
|
+ )}
|
|
|
+ {item.leftType === AnswerType.IMAGE && (
|
|
|
+ <Image
|
|
|
+ src={item.leftValue}
|
|
|
+ data-id={item.itemIndex}
|
|
|
+ class={[styles.imgs, 'van-hairline--surround']}
|
|
|
+ fit="cover"
|
|
|
+ />
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ ))
|
|
|
+ ) : (
|
|
|
+ <Draggable v-model:modelValue={state.options} itemKey="itemIndex">
|
|
|
+ {{
|
|
|
+ item: (element: any) => {
|
|
|
+ const item = element.element
|
|
|
+ return (
|
|
|
+ <div class={styles.itemsContainer}>
|
|
|
+ {item.leftType === AnswerType.TXT && (
|
|
|
+ <Tag class={[styles.items]} data-id={item.itemIndex}>
|
|
|
+ {item.leftValue}
|
|
|
+ </Tag>
|
|
|
+ )}
|
|
|
+ {item.leftType === AnswerType.IMAGE && (
|
|
|
+ <Image
|
|
|
+ src={item.leftValue}
|
|
|
+ data-id={item.itemIndex}
|
|
|
+ class={[styles.imgs, 'van-hairline--surround']}
|
|
|
+ fit="cover"
|
|
|
+ />
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ </Draggable>
|
|
|
+ )}
|
|
|
</div>
|
|
|
</div>
|
|
|
{props.showAnalysis && (
|
