|
@@ -1,58 +1,32 @@
|
|
|
<template>
|
|
|
<div class="form" style="padding-bottom: 60px">
|
|
|
- <van-nav-bar
|
|
|
- :title="$t('receive.name')"
|
|
|
- :left-text="$t('common.back')"
|
|
|
- left-arrow
|
|
|
- @click-left="onClickLeft"
|
|
|
- >
|
|
|
+ <van-nav-bar :title="$t('receive.name')" :left-text="$t('common.back')" left-arrow @click-left="onClickLeft">
|
|
|
</van-nav-bar>
|
|
|
- <testForm
|
|
|
- v-model="formData.data"
|
|
|
- :formOption="formOption"
|
|
|
- :formConfig="formConfig"
|
|
|
- :rules="rules"
|
|
|
- @onSubmit="onSubmit"
|
|
|
- @otherBtnClick="otherBtnClick"
|
|
|
- ref="formDom"
|
|
|
- >
|
|
|
+ <testForm v-model="formData.data" :formOption="formOption" :formConfig="formConfig" :rules="rules" @onSubmit="onSubmit"
|
|
|
+ @otherBtnClick="otherBtnClick" ref="formDom">
|
|
|
<template #productRemark>
|
|
|
<div style="width: 100%">
|
|
|
{{ formData.data.productRemark }}
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #fileTwo>
|
|
|
- <div
|
|
|
- style="width: 100%"
|
|
|
- v-if="
|
|
|
+ <div style="width: 100%" v-if="
|
|
|
formData.data.fileListTwo && formData.data.fileListTwo.length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <span
|
|
|
- v-for="item in formData.data.fileListTwo"
|
|
|
- :key="item.id"
|
|
|
- @click="onPreviewFile(item)"
|
|
|
- style="margin-right: 10px; cursor: pointer; color: #409eff"
|
|
|
- >
|
|
|
+ ">
|
|
|
+ <span v-for="item in formData.data.fileListTwo" :key="item.id" @click="onPreviewFile(item)"
|
|
|
+ style="margin-right: 10px; cursor: pointer; color: #409eff">
|
|
|
{{ item.name }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div v-else>无</div>
|
|
|
</template>
|
|
|
<template #fileThree>
|
|
|
- <div
|
|
|
- style="width: 100%"
|
|
|
- v-if="
|
|
|
+ <div style="width: 100%" v-if="
|
|
|
formData.data.fileListThree &&
|
|
|
formData.data.fileListThree.length > 0
|
|
|
- "
|
|
|
- >
|
|
|
- <span
|
|
|
- v-for="item in formData.data.fileListThree"
|
|
|
- :key="item.id"
|
|
|
- @click="onPreviewFile(item)"
|
|
|
- style="margin-right: 10px; cursor: pointer; color: #409eff"
|
|
|
- >
|
|
|
+ ">
|
|
|
+ <span v-for="item in formData.data.fileListThree" :key="item.id" @click="onPreviewFile(item)"
|
|
|
+ style="margin-right: 10px; cursor: pointer; color: #409eff">
|
|
|
{{ item.name }}
|
|
|
</span>
|
|
|
</div>
|
|
@@ -91,7 +65,7 @@ const rules = {
|
|
|
],
|
|
|
};
|
|
|
const formOption = reactive({
|
|
|
- readonly: false, //用于控制整个表单是否只读
|
|
|
+ readonly: true, //用于控制整个表单是否只读
|
|
|
disabled: false,
|
|
|
labelAlign: "top",
|
|
|
scroll: true,
|
|
@@ -144,7 +118,20 @@ const formConfig = reactive([
|
|
|
prop: "productionProcessesName",
|
|
|
readonly: true,
|
|
|
},
|
|
|
-
|
|
|
+ {
|
|
|
+ type: "input",
|
|
|
+ itemType: "text",
|
|
|
+ label: proxy.t("receive.previousProcess"),
|
|
|
+ prop: "previousProcessesName",
|
|
|
+ readonly: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: "picker",
|
|
|
+ itemType: "datePicker",
|
|
|
+ label: "完成期限",
|
|
|
+ prop: "dueDate",
|
|
|
+ readonly: true,
|
|
|
+ },
|
|
|
{
|
|
|
type: "slot",
|
|
|
label: "生产工序资料",
|
|
@@ -161,13 +148,7 @@ const formConfig = reactive([
|
|
|
prop: "fileList",
|
|
|
showUpload: false,
|
|
|
},
|
|
|
- {
|
|
|
- type: "input",
|
|
|
- itemType: "text",
|
|
|
- label: proxy.t("receive.previousProcess"),
|
|
|
- prop: "previousProcessesName",
|
|
|
- readonly: true,
|
|
|
- },
|
|
|
+
|
|
|
{
|
|
|
type: "input",
|
|
|
itemType: "text",
|