|
|
@@ -10,9 +10,24 @@
|
|
|
width="60%"
|
|
|
@close="cancel"
|
|
|
>
|
|
|
- <el-form ref="form" :model="form" label-width="120px">
|
|
|
- <headerTitle title="基本信息">
|
|
|
- <!-- <el-button
|
|
|
+ <div class="switch">
|
|
|
+ <div class="switch_left">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ v-for="item in tabOptions"
|
|
|
+ :key="item.key"
|
|
|
+ :class="{ active: activeComp == item.key }"
|
|
|
+ @click="activeComp = item.key"
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-show="activeComp == 'main'">
|
|
|
+ <el-form ref="form" :model="form" label-width="120px">
|
|
|
+ <headerTitle title="基本信息">
|
|
|
+ <!-- <el-button
|
|
|
size="small"
|
|
|
type="primary"
|
|
|
icon="el-icon-s-grid"
|
|
|
@@ -21,67 +36,54 @@
|
|
|
>
|
|
|
导出
|
|
|
</el-button> -->
|
|
|
- </headerTitle>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12" style="height: 46px;">
|
|
|
- <el-form-item
|
|
|
- label="采购需求:"
|
|
|
- prop="requirementCode"
|
|
|
-
|
|
|
- >
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- @click="openDetail(form)"
|
|
|
- >
|
|
|
- {{ form.requirementCode }}
|
|
|
- </el-link>
|
|
|
- <!-- {{ form.requirementCode }} -->
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ </headerTitle>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12" style="height: 46px">
|
|
|
+ <el-form-item label="采购需求:" prop="requirementCode">
|
|
|
+ <el-link
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ @click="openDetail(form)"
|
|
|
+ >
|
|
|
+ {{ form.requirementCode }}
|
|
|
+ </el-link>
|
|
|
+ <!-- {{ form.requirementCode }} -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="负责人:"
|
|
|
- prop="responsibleName"
|
|
|
- >
|
|
|
- {{ detailData.responsibleName }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="需求来源类型:"
|
|
|
- prop="contactTel"
|
|
|
- >
|
|
|
- {{ form.sourceName }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="负责人:" prop="responsibleName">
|
|
|
+ {{ detailData.responsibleName }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="需求来源类型:" prop="contactTel">
|
|
|
+ {{ form.sourceName }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item
|
|
|
- label="需求部门:"
|
|
|
- prop="requireDeptName"
|
|
|
- >
|
|
|
- {{ detailData.requireDeptName }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="需求人:" prop="requireUserName">
|
|
|
- {{ form.requireUserName }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="remark" label="是否接受拆单:">
|
|
|
- {{
|
|
|
- form.acceptUnpack === 1
|
|
|
- ? '接受'
|
|
|
- : form.acceptUnpack === 1
|
|
|
- ? '不接受'
|
|
|
- : ''
|
|
|
- }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="12">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="需求部门:" prop="requireDeptName">
|
|
|
+ {{ detailData.requireDeptName }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="需求人:" prop="requireUserName">
|
|
|
+ {{ form.requireUserName }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="remark" label="是否接受拆单:">
|
|
|
+ {{
|
|
|
+ form.acceptUnpack === 1
|
|
|
+ ? '接受'
|
|
|
+ : form.acceptUnpack === 1
|
|
|
+ ? '不接受'
|
|
|
+ : ''
|
|
|
+ }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="12">
|
|
|
<el-form-item
|
|
|
label="用途"
|
|
|
prop="requireUserName"
|
|
|
@@ -90,75 +92,82 @@
|
|
|
{{ form.requireUserName }}
|
|
|
</el-form-item>
|
|
|
</el-col> -->
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="完结日期:" prop="receiveDate">
|
|
|
- {{ form.receiveDate }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="完结日期:" prop="receiveDate">
|
|
|
+ {{ form.receiveDate }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="remark" label="备注:">
|
|
|
- {{ form.remark }}
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="askFile" label="附件:">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="remark" label="备注:">
|
|
|
+ {{ form.remark }}
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="askFile" label="附件:">
|
|
|
+ <el-link
|
|
|
+ v-if="form.files && form.files !== ''"
|
|
|
+ type="primary"
|
|
|
+ :underline="false"
|
|
|
+ @click="downloadFile(form.files)"
|
|
|
+ >
|
|
|
+ {{ form.files.name }}</el-link
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <headerTitle title="计划清单" style="margin-top: 15px"></headerTitle>
|
|
|
+ <ele-pro-table
|
|
|
+ ref="table"
|
|
|
+ :needPage="false"
|
|
|
+ :columns="columns"
|
|
|
+ :toolkit="[]"
|
|
|
+ :datasource="detailData.detailList"
|
|
|
+ row-key="id"
|
|
|
+ >
|
|
|
+ <template v-slot:files="{ row }">
|
|
|
+ <div v-if="row.files && row.files?.length">
|
|
|
<el-link
|
|
|
- v-if="form.files && form.files !== ''"
|
|
|
+ v-for="link in row.files"
|
|
|
+ :key="link.id"
|
|
|
type="primary"
|
|
|
:underline="false"
|
|
|
- @click="downloadFile(form.files)"
|
|
|
+ @click="downloadFile(link)"
|
|
|
>
|
|
|
- {{ form.files.name }}</el-link
|
|
|
+ {{ link.name }}</el-link
|
|
|
>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
-
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </ele-pro-table>
|
|
|
+ </div>
|
|
|
|
|
|
- <headerTitle title="计划清单" style="margin-top: 15px"></headerTitle>
|
|
|
- <ele-pro-table
|
|
|
- ref="table"
|
|
|
- :needPage="false"
|
|
|
- :columns="columns"
|
|
|
- :toolkit="[]"
|
|
|
- :datasource="detailData.detailList"
|
|
|
- row-key="id"
|
|
|
- >
|
|
|
- <template v-slot:files="{ row }">
|
|
|
- <div v-if="row.files && row.files?.length">
|
|
|
- <el-link
|
|
|
- v-for="link in row.files"
|
|
|
- :key="link.id"
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- @click="downloadFile(link)"
|
|
|
- >
|
|
|
- {{ link.name }}</el-link
|
|
|
- >
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </ele-pro-table>
|
|
|
+ <bpmDetail
|
|
|
+ v-if="activeComp === 'bpm' && form.processInstanceId"
|
|
|
+ :id="form.processInstanceId"
|
|
|
+ ></bpmDetail>
|
|
|
<div slot="footer" class="footer">
|
|
|
<el-button @click="cancel">返回</el-button>
|
|
|
</div>
|
|
|
- <detail-dialog ref="contactDetailDialogRef" :isModal="false"></detail-dialog>
|
|
|
+ <detail-dialog
|
|
|
+ ref="contactDetailDialogRef"
|
|
|
+ :isModal="false"
|
|
|
+ ></detail-dialog>
|
|
|
</ele-modal>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { getDetail } from '@/api/purchasingManage/purchaseNeedManage';
|
|
|
import { getplanDetail } from '@/api/purchasingManage/purchasePlanManage';
|
|
|
import { getFile } from '@/api/system/file';
|
|
|
import dictMixins from '@/mixins/dictMixins';
|
|
|
import { copyObj } from '@/utils/util';
|
|
|
import detailDialog from '../../../purchasingManage/purchaseNeedManage/components/detailDialog.vue';
|
|
|
+ import bpmDetail from '@/views/bpm/processInstance/detail.vue';
|
|
|
|
|
|
export default {
|
|
|
mixins: [dictMixins],
|
|
|
components: {
|
|
|
- detailDialog
|
|
|
+ detailDialog,bpmDetail
|
|
|
},
|
|
|
props: {
|
|
|
isModal: {
|
|
|
@@ -167,6 +176,11 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeComp: 'main',
|
|
|
+ tabOptions: [
|
|
|
+ { key: 'main', name: '计划详情' },
|
|
|
+ { key: 'bpm', name: '流程详情' }
|
|
|
+ ],
|
|
|
visible: false,
|
|
|
detailId: '',
|
|
|
title: '详情',
|
|
|
@@ -298,12 +312,11 @@
|
|
|
this.form.files = null;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
|
|
|
//查看详情
|
|
|
openDetail(row) {
|
|
|
- console.log(row)
|
|
|
+ console.log(row);
|
|
|
this.$refs.contactDetailDialogRef.open(row);
|
|
|
}
|
|
|
}
|