|
|
@@ -17,9 +17,7 @@
|
|
|
</template>
|
|
|
</van-nav-bar>
|
|
|
<div class="content" v-if="formData">
|
|
|
- <div
|
|
|
- class="container"
|
|
|
- style="width: 94%; margin: 0 auto; border-radius: 6px; padding: 10px 10px 10px 0">
|
|
|
+ <div class="container">
|
|
|
<van-form ref="tabstoreVal">
|
|
|
<div v-for="(item, index) in formData.collectionItemList" :key="index">
|
|
|
<div v-if="item.answerType == 'zp'" class="formLabel z-cell">
|
|
|
@@ -38,7 +36,7 @@
|
|
|
</van-cell>
|
|
|
<delete-upload-img
|
|
|
:imgs="item.fileInfoList"
|
|
|
- :storeGroupId="formData.storeGroupId"
|
|
|
+ :storeGroupId="storeGroupId"
|
|
|
:taskIds="taskIds"
|
|
|
:visitsId="visitsId"
|
|
|
:collectionItemId="item.collectionId"
|
|
|
@@ -46,11 +44,23 @@
|
|
|
:photoIdentifyType="formData.photoIdentifyType"
|
|
|
@upDataDetail="getDetaile"
|
|
|
:pictureSource="item.pictureSource"
|
|
|
- :continuousShoot="item.continuousShoot"></delete-upload-img>
|
|
|
+ :continuousShoot="item.continuousShoot"
|
|
|
+ :objectType="objectType"></delete-upload-img>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-form>
|
|
|
</div>
|
|
|
+ <div class="dataList" v-if="dataList">
|
|
|
+ <div class="dataItem" v-for="(item, index) in dataList">
|
|
|
+ <div class="itemTop">
|
|
|
+ <div class="itemIndex">
|
|
|
+ <p>{{ index + 1 }}、</p>
|
|
|
+ </div>
|
|
|
+ <div v-html="item.displayInstructions"></div>
|
|
|
+ </div>
|
|
|
+ <div class="itemBottom"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -65,13 +75,18 @@ export default {
|
|
|
return {
|
|
|
isEdit: true,
|
|
|
formData: null,
|
|
|
+ dataList: null,
|
|
|
taskIds: [],
|
|
|
visitsId: null,
|
|
|
+ storeGroupId: '',
|
|
|
+ objectType: '',
|
|
|
};
|
|
|
},
|
|
|
activated() {
|
|
|
this.taskIds = this.$route.query.taskIds || [];
|
|
|
this.visitsId = this.$route.query.visitsId || '';
|
|
|
+ this.storeGroupId = this.$route.query.storeGroupId || '';
|
|
|
+ this.objectType = this.$route.query.photoType || '';
|
|
|
this.getDetaile();
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -84,6 +99,7 @@ export default {
|
|
|
taskIds: this.taskIds.split(','),
|
|
|
}).then((res) => {
|
|
|
if (res.data && res.data.length) {
|
|
|
+ this.dataList = res.data;
|
|
|
this.formData = res.data[0];
|
|
|
} else {
|
|
|
this.formData = null;
|
|
|
@@ -101,8 +117,21 @@ export default {
|
|
|
.taskPhotoTaking {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
.content {
|
|
|
+ padding: 10px;
|
|
|
+ flex: 1;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .container {
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 6px;
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
.formLabel {
|
|
|
margin-left: 20px;
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
@@ -137,5 +166,29 @@ export default {
|
|
|
line-height: 26px;
|
|
|
}
|
|
|
}
|
|
|
+ .dataList {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 10px;
|
|
|
+ .dataItem {
|
|
|
+ display: flex;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 6px;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 16px;
|
|
|
+ padding-left: 20px;
|
|
|
+ .itemIndex {
|
|
|
+ }
|
|
|
+ .itemTop {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ .itemTop,
|
|
|
+ .itemBottom {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|