|
@@ -7,6 +7,7 @@
|
|
|
<swiper-item v-for="item in data" >
|
|
|
<view class="swiper-item" @tap="previewSingleImage(item.image)">
|
|
|
<image class="my-image" :src="item.image" mode="aspectFill" />
|
|
|
+ <view class="img-name">{{ item.name }}</view>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
@@ -16,6 +17,23 @@
|
|
|
浏览相册
|
|
|
</button>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view class="camera-scan-code-table">
|
|
|
+ <view class="camera-scan-code-table-pair">
|
|
|
+ <view class="camera-scan-code-table-pair-label">
|
|
|
+ <text></text>
|
|
|
+ </view>
|
|
|
+ <view class="camera-scan-code-table-pair-value">
|
|
|
+ <checkbox-group @change="checkboxChange">
|
|
|
+ <view v-for="(item, index) in data">
|
|
|
+ <checkbox :value="item.name" :checked="true"></checkbox>
|
|
|
+ {{ dyImgName+"-"+(index+1)}}
|
|
|
+ </view>
|
|
|
+ </checkbox-group>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
<view class="camera-scan-code-back-wrap">
|
|
|
<button class="btn block bg-blue lg round" @click="saveImage">
|
|
@@ -30,39 +48,70 @@
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
-<script>
|
|
|
+<script lang="uts">
|
|
|
type CameraScanCodeResult = {
|
|
|
type : string | null;
|
|
|
result : string | null;
|
|
|
}
|
|
|
type ImageItem={
|
|
|
image:string,
|
|
|
- name:string
|
|
|
+ name:string,
|
|
|
+ checked: boolean
|
|
|
}
|
|
|
+ import { getJoinList, JoinRecord, updateData } from '@/api/work';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
result: null as CameraScanCodeResult | null,
|
|
|
swiperDotIndex: 0 as number,
|
|
|
+ recordId: 0,
|
|
|
+ num:0,
|
|
|
+ dyImgName: '',
|
|
|
data: [{
|
|
|
image: '/static/images/banner/banner01.png',
|
|
|
- name: 'banner01.png'
|
|
|
+ name: 'banner01.png',
|
|
|
+ checked: true,
|
|
|
},
|
|
|
] as ImageItem[]
|
|
|
}
|
|
|
},
|
|
|
- onLoad(options) {
|
|
|
+ onLoad(options) {
|
|
|
let path = options?.['path'] ?? ''
|
|
|
+ let recordId = options?.['recordId'] ?? ''
|
|
|
+ let num = options?.['num'] ?? ''
|
|
|
console.log(path)
|
|
|
if(path!=''){
|
|
|
this.data = []
|
|
|
- this.data.push({image:path, name:''})
|
|
|
+ this.data.push({image:path, name:'', checked:true})
|
|
|
+ }
|
|
|
+ if(recordId!=''){
|
|
|
+ this.recordId = parseInt(recordId)
|
|
|
+ getJoinList('app_media_record as r','app_media_info as i', 'r.*,i.workorder,i.invname', 'r.pid=i.pdid', 'sxid', recordId, null).then((res:UTSJSONObject) => {
|
|
|
+ let dataList = res?.['data'] as UTSJSONObject[] ?? Array<UTSJSONObject>()
|
|
|
+ if(dataList!=null && dataList.length>0){
|
|
|
+ dataList.forEach(item =>{
|
|
|
+ if(item!=null){
|
|
|
+ let record = JSON.parse<JoinRecord>(item.toJSONString());
|
|
|
+ if(record!=null){
|
|
|
+ this.num = record.num;
|
|
|
+ this.dyImgName = record.workorder+record.invname+record.part+record.photoitem+record.partno;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if(num!=''){
|
|
|
+ this.num = parseInt(num)
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
navigateBack() {
|
|
|
uni.navigateBack()
|
|
|
},
|
|
|
+ checkboxChange(){
|
|
|
+ console.log("选择图片名称")
|
|
|
+ },
|
|
|
chooseImage() {
|
|
|
uni.chooseImage({
|
|
|
sourceType: ['album'],
|
|
@@ -70,7 +119,7 @@
|
|
|
//this.data = res.tempFilePaths; // 获取选中的图片路径
|
|
|
this.data = []
|
|
|
for(let i=0; i<res.tempFilePaths.length; i++){
|
|
|
- this.data.push({image: res.tempFilePaths[i], name:''})
|
|
|
+ this.data.push({image: res.tempFilePaths[i], name:'', checked:true})
|
|
|
}
|
|
|
},
|
|
|
fail: (err) => {
|
|
@@ -79,18 +128,16 @@
|
|
|
});
|
|
|
},
|
|
|
saveImage() {
|
|
|
- uni.chooseImage({
|
|
|
- count: 1, // 默认9
|
|
|
- sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图
|
|
|
- sourceType: ['album'], // 可以指定来源是相册还是相机
|
|
|
- success: (chooseImageRes) => {
|
|
|
- const tempFilePaths = chooseImageRes.tempFilePaths; // 临时文件路径
|
|
|
- const tempFiles = chooseImageRes.tempFiles; // 临时文件信息
|
|
|
-
|
|
|
- //保存图片信息到数据库
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
+ //let data = 'imgname='++',urlpdt=';
|
|
|
+ let updateImgs = this.data.filter(item=>item.checked == true).map(item=>item.image);
|
|
|
+ let updateNames = this.data.filter(item=>item.checked == true).map(item=>item.name);
|
|
|
+ let updatedData = 'imgname='+ updateNames.join(",") +',urlpdt='+ updateImgs.join(",")
|
|
|
+ updateData('app_media_record',updatedData, 'sxid', this.recordId.toString()).then((res:UTSJSONObject) => {
|
|
|
+ let dataList = res?.['data'] as UTSJSONObject[] ?? Array<UTSJSONObject>()
|
|
|
+ if(dataList!=null && dataList.length>0){
|
|
|
+ console.log(dataList[0])
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
previewSingleImage(imageUrl:string) {
|
|
|
uni.previewImage({
|
|
@@ -119,10 +166,10 @@
|
|
|
}
|
|
|
.camera-scan-code-table {
|
|
|
background-color: white;
|
|
|
- margin-top: 20rpx;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
.camera-scan-code-table-pair {
|
|
|
- height: 60rpx;
|
|
|
+ height: 250px;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|