Skip to content

F
folacin-front
Commit de349028 authored by 罗成兵's avatar 罗成兵
Browse files
Options

分配记录

parent 91fad3e5
Hide whitespace changes
Inline Side-by-side
Showing with 106 additions and 91 deletions
src/views/indexComponent/distributionWarehousing/components/addDistributionWarehousing.vue
View file @ de349028
<template> <template>
<div style="padding: 16px"> <div style="padding: 16px">
<!-- <a-card>--> <!-- <a-card>-->
<div>
<div> <div>
<div> <span style="font-size: 18px;font-weight: 600;"> 分配入库</span>
<span style="font-size: 18px;font-weight: 600;"> 分配入库</span>
</div>
<div style="margin-top: 16px">
<a-descriptions bordered :column="{ sm: 2, xs: 1 }" class="dis_title">
<a-descriptions-item label="发货单位">
{{detailInfo.sendUnitName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="分配日期">
{{detailInfo.sendDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="发货人姓名">
{{detailInfo.sendContact || '--'}}
</a-descriptions-item>
<a-descriptions-item label="联系电话">
{{detailInfo.sendPhone || '--'}}
</a-descriptions-item>
<a-descriptions-item label="供应商">
{{detailInfo.supplierName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="品牌">
{{detailInfo.brandName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="批次号">
{{detailInfo.batchNumber || '--'}}
</a-descriptions-item>
<a-descriptions-item label="生产日期">
{{detailInfo.produceDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="有效期至">
{{detailInfo.expireDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="单价">
{{detailInfo.unitPrice || '--'}}<span>元</span>
</a-descriptions-item>
<a-descriptions-item label="数量">
{{detailInfo.sendNum || '--'}}
</a-descriptions-item>
<a-descriptions-item label="入库状态">
<div :class="detailInfo.statusName == '待入库' ? 'ready_stock' : 'in_stock'">
<span> {{detailInfo.statusName || '--'}}</span>
</div>
</a-descriptions-item>
</a-descriptions>
<a-form-model ref="formRef" :model="formData"
:labelCol="{span: 4}"
:wrapperCol="{span: 13}"
style="margin-top: 20px;"
>
<a-form-model-item label="备注"
prop="remarks"
:labelCol="{span: 5}"
:wrapperCol="{span: 12}">
<a-textarea
:rows="5"
v-toRemarkNum
v-model="formData.remarks"
placeholder="请输入备注(最多可输入200字)"></a-textarea>
</a-form-model-item>
</a-form-model>
</div>
</div> </div>
<div style="text-align: center;"> <div style="margin-top: 16px">
<a-button class="ant-table-btn" @click="goBack(1)">取消</a-button> <a-descriptions bordered :column="{ sm: 2, xs: 1 }" class="dis_title">
<a-button type="primary" @click="goBack(2)" style="margin-left: 10px">入库</a-button> <a-descriptions-item label="发货单位">
{{detailInfo.sendUnitName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="分配日期">
{{detailInfo.sendDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="发货人姓名">
{{detailInfo.sendContact || '--'}}
</a-descriptions-item>
<a-descriptions-item label="联系电话">
{{detailInfo.sendPhone || '--'}}
</a-descriptions-item>
<a-descriptions-item label="供应商">
{{detailInfo.supplierName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="品牌">
{{detailInfo.brandName || '--'}}
</a-descriptions-item>
<a-descriptions-item label="批次号">
{{detailInfo.batchNumber || '--'}}
</a-descriptions-item>
<a-descriptions-item label="生产日期">
{{detailInfo.produceDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="有效期至">
{{detailInfo.expireDate || '--'}}
</a-descriptions-item>
<a-descriptions-item label="单价">
{{detailInfo.unitPrice || '--'}}<span>元</span>
</a-descriptions-item>
<a-descriptions-item label="数量">
{{detailInfo.sendNum || '--'}}
</a-descriptions-item>
<a-descriptions-item label="入库状态">
<div :class="detailInfo.statusName == '待入库' ? 'ready_stock' : 'in_stock'">
<span> {{detailInfo.statusName || '--'}}</span>
</div>
</a-descriptions-item>
</a-descriptions>
<a-form-model ref="formRef" :model="formData"
:labelCol="{span: 4}"
:wrapperCol="{span: 13}"
style="margin-top: 20px;"
>
<a-form-model-item label="备注"
prop="remarks"
:labelCol="{span: 5}"
:wrapperCol="{span: 12}">
<a-textarea
:rows="5"
:maxLength="200"
v-model="formData.remarks"
placeholder="请输入备注(最多可输入200字)"></a-textarea>
</a-form-model-item>
</a-form-model>
</div> </div>
<!-- </a-card>--> </div>
<div style="text-align: center;">
<a-button class="ant-table-btn" @click="goBack(1)">取消</a-button>
<a-button type="primary" @click="goBack(2)" style="margin-left: 10px">入库</a-button>
</div>
<!-- </a-card>-->
</div> </div>
</template> </template>
<script> <script>
...@@ -128,15 +128,17 @@ ...@@ -128,15 +128,17 @@
width: 120px; width: 120px;
} }
} }
.ready_stock { .ready_stock {
border-radius: 2px; border-radius: 2px;
width: 62px; width: 62px;
text-align: center; text-align: center;
padding: 2px 8px; padding: 2px 8px;
background:#FFF7E6; background: #FFF7E6;
border: 1px solid #FFD591; border: 1px solid #FFD591;
color: #FA8C16 color: #FA8C16
} }
.in_stock { .in_stock {
border-radius: 2px; border-radius: 2px;
width: 62px; width: 62px;
......
src/views/indexComponent/folviteDistribution/components/folviteDistributionDetail.vue
View file @ de349028
...@@ -74,20 +74,21 @@ ...@@ -74,20 +74,21 @@
{{detailInfo.parentDate || '--'}} {{detailInfo.parentDate || '--'}}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="上传照片" v-if="routerParams.source != 2"> <a-descriptions-item label="上传照片" v-if="routerParams.source != 2">
<img width="120px" height="120px" :src="detailInfo.consentUrl"/> <img style="cursor: pointer" width="120px" height="120px" :src="detailInfo.consentUrl"
@click="showVisible=true"/>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
<div class="card_info"> <div class="card_info">
<a-card class="book" :headStyle="{background: '#FAFAFA'}" v-if="routerParams.source == 2"> <a-card class="book" :headStyle="{background: '#FAFAFA'}" v-if="routerParams.source == 2">
<div slot="title" style="text-align: center;"> <div slot="title" style="text-align: center;">
<span style="color: #262626;font-size: 14px">知情同意书</span> <span style="color: #262626;font-size: 14px">知情同意书</span>
</div>
<div>
<div v-html="bookHtmlContent.content">
</div> </div>
</div> <div>
</a-card> <div v-html="bookHtmlContent.content">
</div> </div>
</div>
</a-card>
</div>
<div v-if="routerParams.source == 2"> <div v-if="routerParams.source == 2">
<img style="width: 100%;height: 160px" :src="detailInfo.applySignUrl"> <img style="width: 100%;height: 160px" :src="detailInfo.applySignUrl">
</div> </div>
...@@ -124,9 +125,9 @@ ...@@ -124,9 +125,9 @@
> >
</a-table> </a-table>
<a-descriptions bordered :column="1" class="remark_info folvite_title "> <a-descriptions bordered :column="1" class="remark_info folvite_title ">
<a-descriptions-item label="备注"> <a-descriptions-item label="备注">
{{detailInfo.remarks || '--'}} {{detailInfo.remarks || '--'}}
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>
<div style="text-align: center;margin-top: 40px"> <div style="text-align: center;margin-top: 40px">
...@@ -134,6 +135,14 @@ ...@@ -134,6 +135,14 @@
</div> </div>
</a-card> </a-card>
</a-spin> </a-spin>
<a-modal title="查看知情同意书" :visible="showVisible" @cancel="showVisible = false" @ok="showVisible=false"
loading="true"
:maskClosable="false"
width="800px">
<div>
<img style="width: 100%" :src="detailInfo.consentUrl" height="100%"/>
</div>
</a-modal>
</div> </div>
</template> </template>
<script> <script>
...@@ -175,7 +184,8 @@ ...@@ -175,7 +184,8 @@
detailInfo: {}, detailInfo: {},
spinning: false, spinning: false,
bookHtmlContent: {content: undefined}, bookHtmlContent: {content: undefined},
columns columns,
showVisible: false
} }
}, },
created() { created() {
...@@ -206,7 +216,7 @@ ...@@ -206,7 +216,7 @@
goBack() { goBack() {
this.$router.push("/Home/folviteDistribution"); this.$router.push("/Home/folviteDistribution");
closedDetail('/inStock/inStockManageDetail', '/Home/folviteDistribution') closedDetail('/inStock/inStockManageDetail', '/Home/folviteDistribution')
} },
}, },
} }
</script> </script>
...@@ -228,22 +238,26 @@ ...@@ -228,22 +238,26 @@
width: 135px; width: 135px;
} }
} }
.card_info{
.ant-card-head-title{ .card_info {
padding: 9px 0px!important; .ant-card-head-title {
padding: 9px 0px !important;
} }
.ant-card-head { .ant-card-head {
min-height: 32px; min-height: 32px;
} }
.ant-card-bordered { .ant-card-bordered {
border-top: 0px!important; border-top: 0px !important;
border-bottom: 0px!important; border-bottom: 0px !important;
} }
} }
.remark_info { .remark_info {
.ant-descriptions-view { .ant-descriptions-view {
.ant-descriptions-bordered .ant-descriptions-view { .ant-descriptions-bordered .ant-descriptions-view {
border: 0px!important; border: 0px !important;
} }
} }
} }
......
src/views/utils/directives/remarkNum.js
View file @ de349028
...@@ -14,7 +14,6 @@ Vue.directive('toRemarkNum', { ...@@ -14,7 +14,6 @@ Vue.directive('toRemarkNum', {
} }
}) })
function checkValue(el, defu) { function checkValue(el, defu) {
debugger
let len = el.value.length let len = el.value.length
if (el.value && len > defu) { if (el.value && len > defu) {
el.value = el.value.substring(0, defu); el.value = el.value.substring(0, defu);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment