|
|
|
@ -22,13 +22,13 @@ |
|
|
|
|
|
|
|
<!-- 插件上传方式 --> |
|
|
|
<view> |
|
|
|
<view class="linkBox"> |
|
|
|
<u-input v-model="linkValue" type="text" :border="true" placeholder="请输入交付物地址/链接" class="input"> </u-input> |
|
|
|
</view> |
|
|
|
<view class="linkBox" |
|
|
|
><u-input v-model="linkValue" type="text" :border="true" placeholder="请输入交付物地址/链接" class="input"></u-input |
|
|
|
></view> |
|
|
|
<view class="mt-3"> |
|
|
|
<u-button size="mini" :plain="true" class="mr-3 btns" @click="paste">粘贴</u-button> |
|
|
|
<u-button size="mini" :plain="true" class="mr-3 btns" @click="uploadFile">文件</u-button> |
|
|
|
<u-button size="mini" :plain="true" class="mr-3 btns" @click="uploadPhoto">拍照</u-button> |
|
|
|
<u-button size="mini" :plain="true" type="primary" class="mr-3" @click="paste">粘贴</u-button> |
|
|
|
<u-button size="mini" :plain="true" type="primary" class="mr-3" @click="uploadFile">文件</u-button> |
|
|
|
<u-button size="mini" :plain="true" type="primary" class="mr-3" @click="uploadPhoto">拍照</u-button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -39,30 +39,26 @@ |
|
|
|
> |
|
|
|
<view class="bg-red-500 text-white w-12 h-12 text-center leading-12 rounded-w-12 mx-8" @click.stop="deleteDeliver">删除</view> |
|
|
|
<!-- 删除的二次提示modal --> |
|
|
|
<u-modal v-model="showDeleteModal" :content="content" :show-cancel-button="true" @confirm="confirmDelete"></u-modal> |
|
|
|
<u-modal v-model="showDeleteModal" :content="content" :show-cancel-button="true" @confirm="confirmDeleDte"></u-modal> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 编辑交付物标题的modal --> |
|
|
|
<u-mask :show="showEditModal" @click="showEditModal = false"> |
|
|
|
<view class="warp"> |
|
|
|
<view class="rect rounded-md" @tap.stop> |
|
|
|
<view class="text-center my-7 font-semibold"> 交付物标题名称 </view> |
|
|
|
<view class=""> |
|
|
|
<u-input :border="true" class="m-5" placeholder="请输入交付物名称" v-model="newInputRef"></u-input> |
|
|
|
</view> |
|
|
|
<view class="text-center my-7 font-semibold">交付物标题名称</view> |
|
|
|
<view class=""><u-input :border="true" class="m-5" placeholder="请输入交付物名称" v-model="newInputRef"></u-input></view> |
|
|
|
<!-- TODO: 边框 --> |
|
|
|
<view class="flex justify-around h-12 mt-7 justify-self-stretch boxModalBorder"> |
|
|
|
<view class="leading-12 flex-1 text-center deleteModalBorder" @click="showEditModal = false"> 取消 </view> |
|
|
|
<view class="text-blue-700 leading-12 flex-1 text-center" @click="confirmEditDeliverName"> 确定 </view> |
|
|
|
<view class="flex justify-around h-12 mt-7 justify-self-stretch box-modal-border"> |
|
|
|
<view class="leading-12 flex-1 text-center delete-modal-border" @click="showEditModal = false">取消</view> |
|
|
|
<view class="text-blue-700 leading-12 flex-1 text-center" @click="confirmEditDeliverName">确定</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</u-mask> |
|
|
|
|
|
|
|
<!-- 删除二次提示的modal --> |
|
|
|
|
|
|
|
<!-- 插件审核人员选择 --> |
|
|
|
<Reviewer ref="reviewerData"></Reviewer> |
|
|
|
<Reviewer/> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -71,13 +67,12 @@ import { ref, computed } from 'vue'; |
|
|
|
|
|
|
|
const props = defineProps({ task: { type: Object, default: () => {} } }); |
|
|
|
|
|
|
|
|
|
|
|
// 插件名称 |
|
|
|
const deliverRef = ref(true); // 交付物插件的显示与销毁 |
|
|
|
const linkValue = ref(''); // 链接的值 |
|
|
|
const showMask = ref(false); // 编辑和删除页面 |
|
|
|
const showEditModal = ref(false); // 编辑交付物标题的modal |
|
|
|
const newInputRef = ref(''); // 修改的插件名的值 |
|
|
|
const newInputRef = ref(props.task.name); // 修改的插件名的值 |
|
|
|
const showDeleteModal = ref(false); // 删除二次提示的modal |
|
|
|
const content = '是否确定删除'; |
|
|
|
const uBadgeShow = ref(false); // u-badge的显示与隐藏 |
|
|
|
@ -98,17 +93,31 @@ const submitState = computed(() => !linkValue.value); |
|
|
|
console.log('error: ', error); |
|
|
|
uni.$ui.showToast('获取交付物信息失败'); |
|
|
|
} |
|
|
|
})(); |
|
|
|
}()); |
|
|
|
|
|
|
|
// 提交后验证链接并修改状态 |
|
|
|
function submit() { |
|
|
|
// 验证提交的交付物信息格式 |
|
|
|
function validateDeliverForm() { |
|
|
|
const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?$/; |
|
|
|
if (!reg.test(linkValue.value)) { |
|
|
|
// 显示toast信息 |
|
|
|
uni.$ui.showToast('请输入正确的链接'); |
|
|
|
} else { |
|
|
|
uBadgeShow.value = true; |
|
|
|
return false; |
|
|
|
} |
|
|
|
// 没有检查人 提示选择检查人 |
|
|
|
if (!checkedDelivers.value || !checkedDelivers.value.length) { |
|
|
|
uni.$ui.showToast('请选择检查人'); |
|
|
|
return false; |
|
|
|
} |
|
|
|
return true; |
|
|
|
} |
|
|
|
|
|
|
|
// 提交后验证链接并修改状态 |
|
|
|
function submit() { |
|
|
|
if (!validateDeliverForm()) return; |
|
|
|
// else { |
|
|
|
// // |
|
|
|
// uBadgeShow.value = true; |
|
|
|
// } |
|
|
|
} |
|
|
|
|
|
|
|
// 查看历史记录 |
|
|
|
@ -164,7 +173,6 @@ function confirmEditDeliverName() { |
|
|
|
// TODO: 提示不能为空 |
|
|
|
uni.$ui.showToast('输入不能为空'); |
|
|
|
} else { |
|
|
|
|
|
|
|
// 请求成功 才会清空 请求失败保留 |
|
|
|
showEditModal.value = false; |
|
|
|
showMask.value = false; |
|
|
|
@ -178,20 +186,19 @@ function confirmEditDeliverName() { |
|
|
|
function deleteDeliver() { |
|
|
|
showDeleteModal.value = true; |
|
|
|
} |
|
|
|
// 删除二次确认 |
|
|
|
async function confirmDelete() { |
|
|
|
// 二次确认后删除 |
|
|
|
async function confirmDeleDte() { |
|
|
|
// TODO: 删除二次确认 |
|
|
|
// TODO: 确定后 发删除交付物的请求 |
|
|
|
try { |
|
|
|
showDeleteModal.value = true; |
|
|
|
deliverRef.value = false; |
|
|
|
await uni.$u.api.deleteDeliver(); |
|
|
|
uni.$ui.showToast('删除交付物成功'); |
|
|
|
} catch (error) { |
|
|
|
console.error('error: ', error); |
|
|
|
} |
|
|
|
deliverRef.value = false; |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
</style> |
|
|
|
<style scoped lang="scss"></style> |
|
|
|
|
Min5203
4 years ago