20 changed files with 7389 additions and 0 deletions
-
19src/api/machine/machineProject.js
-
32src/api/machine/machineProjectIncome.js
-
3src/api/orderIssure/soIssueNotify.js
-
3src/api/user.js
-
144src/components/selector/user/userChooseComponent.vue
-
1314src/views/modules/auth/authMachineProject.vue
-
924src/views/modules/machine/machineProject.vue
-
544src/views/modules/machine/machineProjectDetail.vue
-
145src/views/modules/machine/modules/machineProjectAuthTable.vue
-
230src/views/modules/machine/modules/machineProjectCloseAuthForm.vue
-
150src/views/modules/machine/modules/machineProjectCloseTable.vue
-
255src/views/modules/machine/modules/machineProjectDetailForm.vue
-
340src/views/modules/machine/modules/machineProjectForm.vue
-
240src/views/modules/machine/modules/machineProjectIncomeTable.vue
-
214src/views/modules/machine/modules/machineProjectPlanDetailForm.vue
-
263src/views/modules/machine/modules/machineProjectPlanTable.vue
-
190src/views/modules/machine/modules/machineProjectTaskDetailForm.vue
-
262src/views/modules/machine/modules/machineProjectTaskTable.vue
-
1776src/views/modules/orderIssure/soIssueNotify/searchConfirmIssureNotify.vue
-
341src/views/modules/oss/ossProjectComponents.vue
@ -0,0 +1,19 @@ |
|||
import {createAPI} from "../../utils/httpRequest"; |
|||
|
|||
export const queryMachinePage = (data) => createAPI(`/machine/project/machineList`,'get',data) |
|||
|
|||
export const queryMachineList = (data) => createAPI(`/quote`,'post',data) |
|||
export const saveMachine = (data) => createAPI(`/machine/project/machineAdd`,'post',data) |
|||
|
|||
export const updateMachine = (data) => createAPI(`/machine/project/machineEdit`,'put',data) |
|||
export const getMachineById = (data) => createAPI(`/machine/project/getMachineById`,'get',data) |
|||
|
|||
|
|||
export const machineDelete = (data) => createAPI(`/machine/project/machineDelete/${data.id}`,'post',data) |
|||
|
|||
export const projectUpdateStatus = (data) => createAPI(`/machine/project/machineProjectUpdateStatus`,'post',data) |
|||
export const searchUserAuthMachineProjectApplicationInfo = (data) => createAPI(`/machine/project/searchUserAuthMachineProjectApplicationInfo`,'get',data) |
|||
export const updateProjectAuthHist = data => createAPI(`/machine/project/updateProjectAuthHist`,'post',data) |
|||
export const queryMachineProjectAuthList = data => createAPI(`/machine/project/searchMachineProjectAuthRecords`,'get',data) |
|||
|
|||
export const sendTextLoraWatch = data => createAPI(`/pms/eam/sendTextLoraWatch`,'post',data) |
|||
@ -0,0 +1,32 @@ |
|||
import { createAPI } from "../../utils/httpRequest"; |
|||
|
|||
export const queryMachineProjectIncomeList = (data) => createAPI(`/machine/projectIncome/incomeList`, 'get', data) |
|||
export const saveMachineProjectIncome = (data) => createAPI(`/machine/projectIncome/projectIncomeAdd`, 'post', data) |
|||
export const updateMachineProjectIncome = (data) => createAPI(`/machine/projectIncome/projectIncomeEdit`, 'put', data) |
|||
export const deleteProjectIncome = (data) => createAPI(`/machine/projectIncome/projectIncomeDelete/${data.id}`,'post',data) |
|||
|
|||
export const queryMachineProjectPlanList = (data) => createAPI(`/machine/projectPlan/planList`, 'get', data) |
|||
export const saveMachineProjectPlan = (data) => createAPI(`/machine/projectPlan/projectPlanAdd`, 'post', data) |
|||
export const updateMachineProjectPlan = (data) => createAPI(`/machine/projectPlan/projectPlanEdit`, 'put', data) |
|||
export const deleteProjectPlan = (data) => createAPI(`/machine/projectPlan/projectPlanDelete/${data.id}`,'post',data) |
|||
|
|||
export const queryMachineProjectTaskList = (data) => createAPI(`/machine/projectTask/taskList`, 'get', data) |
|||
export const saveMachineProjectTask = (data) => createAPI(`/machine/projectTask/projectTaskAdd`, 'post', data) |
|||
export const updateMachineProjectTask = (data) => createAPI(`/machine/projectTask/projectTaskEdit`, 'put', data) |
|||
export const deleteProjectTask = (data) => createAPI(`/machine/projectTask/projectTaskDelete/${data.id}`,'post',data) |
|||
|
|||
|
|||
export const queryMachineProjectCloseList = (data) => createAPI(`/machine/projectClose/closeList`, 'get', data) |
|||
export const saveMachineProjectClose = (data) => createAPI(`/machine/projectClose/projectCloseAdd`, 'post', data) |
|||
export const updateMachineProjectClose = (data) => createAPI(`/machine/projectClose/projectCloseEdit`, 'put', data) |
|||
export const deleteProjectClose = (data) => createAPI(`/machine/projectClose/projectCloseDelete/${data.id}`,'post',data) |
|||
export const projectCloseAuthSearch = data => createAPI(`/machine/projectClose/projectCloseAuthSearch`,'post',data) |
|||
export const saveBatchProjectClose = (data) => createAPI(`/machine/projectClose/saveBatchProjectClose`, 'post', data) |
|||
export const projectCloseUpdateStatus = (data) => createAPI(`/machine/projectClose/projectCloseUpdateStatus`, 'post', data) |
|||
|
|||
export const currencyList = (data) => createAPI(`/currency/queryList`, 'post', data) |
|||
|
|||
export const projectIncomeUpload = (data) => createAPI(`/machine/projectIncome/upload`,'post',data) |
|||
export const projectIncomeQueryOss = (data) => createAPI(`/machine/projectIncome/queryOssFile`,'post',data) |
|||
|
|||
|
|||
@ -0,0 +1,144 @@ |
|||
<template> |
|||
<el-dialog :title="title" v-drag :visible.sync="openVisible" :append-to-body='true' :close-on-click-modal="false" |
|||
width="800px"> |
|||
<el-form :model="user" label-position="top"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="4"> |
|||
<el-form-item label="用户编号"> |
|||
<el-input v-model="user.username"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="用户描述"> |
|||
<el-input v-model="user.userDisplay"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item label="是否在用" style="width: 100%;"> |
|||
<el-select v-model="user.status"> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="在用" value="1"></el-option> |
|||
<el-option label="停用" value="0"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" v-if="isPage" @click="handleQueryUserByPage">查询</el-button> |
|||
<el-button type="primary" v-else @click="handleQueryUserList">查询</el-button> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-table v-loading="queryLoading" :data="dataList" style="width: 100%" :height="height" border |
|||
@row-dblclick="handleDblClick" @header-dragend="handleColumnResize"> |
|||
<el-table-column label="用户编号" prop="username"></el-table-column> |
|||
<el-table-column label="用户描述" prop="userDisplay"></el-table-column> |
|||
<el-table-column label="用户状态" prop="statusType"></el-table-column> |
|||
</el-table> |
|||
<el-pagination v-if="isPage" @size-change="handleSizeChange" @current-change="handlePageChange" |
|||
:current-page="current" :page-sizes="[20, 50, 100, 200, 500]" :page-size="size" :total="total" |
|||
layout="total,sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
</el-dialog> |
|||
</template> |
|||
<script> |
|||
import { |
|||
userChooseComponentList, |
|||
userChooseComponentPage, |
|||
} from '../../../api/user' |
|||
|
|||
export default { |
|||
name: 'userChooseComponent', |
|||
model: {}, |
|||
props: { |
|||
isPage: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
title: { |
|||
type: String, |
|||
default: '', |
|||
}, |
|||
height: { |
|||
type: [Number, String], |
|||
default: 300, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
user: { |
|||
userNo: '', |
|||
userDesc: '', |
|||
status: '', |
|||
}, |
|||
dataList: [], |
|||
current: 1, |
|||
size: 20, |
|||
total: 0, |
|||
queryLoading: false, |
|||
openVisible: false, |
|||
} |
|||
}, |
|||
watch: {}, |
|||
computed: {}, |
|||
created() {}, |
|||
methods: { |
|||
userInit() { |
|||
this.openVisible = true |
|||
this.getUserList() |
|||
}, |
|||
handleColumnResize(newWidth, oldWidth, column, event) { |
|||
let inData = this.columnList.filter( |
|||
(item) => item.columnProp === column.property |
|||
)[0] |
|||
inData.columnWidth = newWidth |
|||
updateColumnSize(inData).then(({ data }) => { |
|||
if (data.code === 0) { |
|||
console.log('栏位宽度保存成功！') |
|||
} |
|||
}) |
|||
}, |
|||
getUserList() { |
|||
if (this.isPage) { |
|||
this.handleQueryUserByPage() |
|||
} else { |
|||
this.handleQueryUserList() |
|||
} |
|||
}, |
|||
handleQueryUserByPage() { |
|||
this.user.pageSize = this.pageSize |
|||
this.user.pageIndex = this.pageIndex |
|||
this.user.site = this.$store.state.user.site |
|||
this.queryLoading = true |
|||
userChooseComponentPage(this.user) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.dataList = data.page.records |
|||
this.pageIndex = data.page.current |
|||
this.pageSize = data.page.size |
|||
this.totalPage = data.page.total |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
handleQueryUserList() { |
|||
this.user.site = this.$store.state.user.site |
|||
userChooseComponentList(this.user).then((res) => { |
|||
if (res && res.data.code === 0) { |
|||
this.$set(this, 'dataList', res.data.list) |
|||
} |
|||
}) |
|||
}, |
|||
handleDblClick(row) { |
|||
this.$emit('selectFinish', row) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
1314
src/views/modules/auth/authMachineProject.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,924 @@ |
|||
<template> |
|||
<div> |
|||
<!-- <el-form :model="queryForm" label-position="top" label-width="100px" style="max-width: 1100px">--> |
|||
<!-- <el-row :gutter="15">--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="申请批次号">--> |
|||
<!-- <el-input v-model="queryForm.quotationBatchNo"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="客户编码" v-if="!isComponent">--> |
|||
<!-- <el-input v-model="queryForm.customerNo"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="客户名称" v-if="!isComponent">--> |
|||
<!-- <el-input v-model="queryForm.customerDesc"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="项目料号" v-if="!isComponent">--> |
|||
<!-- <el-input v-model="queryForm.partNo"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="物料描述" v-if="!isComponent">--> |
|||
<!-- <el-input v-model="queryForm.partDesc"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="6" v-if="!isComponent">--> |
|||
<!-- <el-form-item label="要求完成日期">--> |
|||
<!-- <div style="display: flex">--> |
|||
<!-- <el-date-picker style="width: 47%" v-model="queryForm.startDate" type="date" value-format='yyyy-MM-dd' format='yyyy-MM-dd'></el-date-picker>--> |
|||
<!-- <div style="width: 6%;text-align: center">-</div>--> |
|||
<!-- <el-date-picker style="width: 47%" v-model="queryForm.endDate" type="date" value-format='yyyy-MM-dd' format='yyyy-MM-dd'></el-date-picker>--> |
|||
<!-- </div>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3" v-if="!isComponent">--> |
|||
<!-- <el-form-item label=" ">--> |
|||
|
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="批次序号">--> |
|||
<!-- <el-input-number :controls="false" :min="0" style="width: 100%" v-model="queryForm.quotationItemNo"></el-input-number>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="项目编码">--> |
|||
<!-- <el-input v-model="queryForm.projectNo"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="项目名称">--> |
|||
<!-- <el-input v-model="queryForm.projectDesc"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="报价专员" v-if="!isComponent">--> |
|||
<!-- <el-input v-model="queryForm.quoterName"></el-input>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label="优先等级" v-if="!isComponent">--> |
|||
<!-- <dict-data-select v-model="queryForm.priorityLevel" clearable :use-default-value="false" dict-type="priority_Level"/>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item :label="'状态'">--> |
|||
<!-- <el-select v-model="queryForm.quotationStatus" style="width: 100%">--> |
|||
<!-- <el-option label="全部" value=""></el-option>--> |
|||
<!-- <el-option label="草稿" value="草稿"></el-option>--> |
|||
<!-- <el-option label="下达" value="下达"></el-option>--> |
|||
<!-- </el-select>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- <el-col :span="3">--> |
|||
<!-- <el-form-item label=" ">--> |
|||
<!-- <el-button type="primary" @click="handleQuery">查询</el-button>--> |
|||
<!-- </el-form-item>--> |
|||
<!-- </el-col>--> |
|||
<!-- </el-row>--> |
|||
<!-- </el-form>--> |
|||
<!-- 查询条件 --> |
|||
<el-form :inline="true" label-position="top" :model="queryForm" @keyup.enter.native="handleQuery()"> |
|||
<el-form-item :label="'BU'"> |
|||
<el-select v-model="queryForm.buNo" placeholder="请选择" clearable style="width: 120px"> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option v-for="i in userBuList" :key="i.buNo" :label="i.buDesc" :value="i.buNo"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="项目编码"> |
|||
<el-input v-model="queryForm.projectNo" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="项目名称"> |
|||
<el-input v-model="queryForm.projectName" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'状态'"> |
|||
<el-select v-model="queryForm.sstatus" style="width: 120px"> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="草稿" value="草稿"></el-option> |
|||
<el-option label="审核中" value="审核中"></el-option> |
|||
<el-option label="已驳回" value="已驳回"></el-option> |
|||
<el-option label="进行中" value="进行中"></el-option> |
|||
<el-option label="结案" value="结案"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<!-- <el-form-item :label="'PjM'"> |
|||
<span style="cursor: pointer" slot="label" @click="getBaseList(2004,1)"><a herf="#">PjM</a></span> |
|||
<el-input v-model="queryForm.requesterName" clearable style="width: 120px"></el-input> |
|||
</el-form-item> --> |
|||
<el-form-item :label="'开始时间'"> |
|||
<el-date-picker style="width: 120px" v-model="queryForm.startDate" type="date" value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<div style="text-align: center;"><i class="el-icon-right"></i></div> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-date-picker style="width: 120px" v-model="queryForm.endDate" type="date" value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<!-- <el-form-item :label="'优先等级'"> |
|||
<dict-data-select v-model="queryForm.priorityLevel" clearable style="width: 120px" :use-default-value="false" |
|||
dict-type="priority_Level"/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-form :inline="true" label-position="top" :model="queryForm" @keyup.enter.native="handleQuery()"> |
|||
<el-form-item label="客户编码"> |
|||
<span style="cursor: pointer" slot="label" @click="getBaseList(509,2)"><a herf="#">客户编码</a></span> |
|||
<el-input v-model="queryForm.customerNo" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'客户名称'"> |
|||
<el-input v-model="queryForm.customerDesc" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'报价专员'"> |
|||
<span style="cursor: pointer" slot="label" @click="getBaseList(2002,1)"><a herf="#">报价专员</a></span> |
|||
<el-input v-model="queryForm.quoterName" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'要求报价日期'"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="queryForm.requiredCompletionStartDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<div style="text-align: center;"><i class="el-icon-right"></i></div> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-date-picker |
|||
style="width: 120px" |
|||
v-model="queryForm.requiredCompletionEndDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> --> |
|||
|
|||
<el-form-item :label="' '"> |
|||
<el-button @click="handleQuery()">查询</el-button> |
|||
<el-button @click="handleAdd()">新增</el-button> |
|||
<!-- <el-button @click="handleHu()">呼叫</el-button> --> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
<div style="height: 100%;overflow: auto"> |
|||
<el-table :data="dataList" border v-loading="queryLoading" height="78vh" @row-dblclick="handleDblClick" |
|||
:row-style="rowStyle" ref="mainTable" @row-click="inquiryClickRow" @current-change="changeCurrentRow"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" :fixed="item.fixed===''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.column.property == 'projectIncome'"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.projectIncome" placement="top"> |
|||
<div>{{ formatContent(scope.row.projectIncome) }}</div> |
|||
</el-tooltip> |
|||
</span> |
|||
<span v-else>{{scope.row[scope.column.property]}}</span> |
|||
</template> |
|||
<!-- <template slot-scope="scope"> |
|||
<div v-if="item.columnProp !== 'status' && item.columnProp !== 'priorityLevel'"> |
|||
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</div> |
|||
<div v-else-if="item.columnProp === 'status'"> |
|||
<span v-if="!item.columnHidden"> |
|||
<span v-if="scope.row.status === 'C'">草稿</span> |
|||
<span v-if="scope.row.status === 'B'">下达</span> |
|||
<span v-if="scope.row.status === 'A'">已转报价</span> |
|||
<span v-if="scope.row.status === 'D'">已驳回</span> |
|||
</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</div> |
|||
<div v-else-if="item.columnProp === 'priorityLevel'"> |
|||
<span v-if="!item.columnHidden"> |
|||
<span v-if="scope.row.priorityLevel === 'A'">普通</span> |
|||
<span v-if="scope.row.priorityLevel === ' B'">重要</span> |
|||
<span v-if="scope.row.priorityLevel === ' C'">紧急</span> |
|||
</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</div> |
|||
</template> --> |
|||
</el-table-column> |
|||
<el-table-column v-if="!isComponent" fixed="right" header-align="center" align="center" width="140" label="操作"> |
|||
<template slot-scope="scope"> |
|||
<el-link style="cursor: pointer" v-if="scope.row.sstatus == '草稿' || scope.row.sstatus == '已驳回'" |
|||
@click="handleEdit(scope.row)">修改</el-link> |
|||
<el-link style="cursor: pointer" v-if="scope.row.sstatus == '草稿' || scope.row.sstatus == '已驳回'" |
|||
@click="handleUpdateStatus(scope.row)">下达</el-link> |
|||
<el-link style="cursor: pointer" v-if="scope.row.sstatus == '草稿' || scope.row.sstatus == '已驳回'" |
|||
@click="handleRemove(scope.row)">删除</el-link> |
|||
<el-link style="cursor: pointer" v-if="scope.row.sstatus == '进行中'" |
|||
@click="chooseCloseUser(scope.row)">选择结案人员</el-link> |
|||
|
|||
<el-link style="cursor: pointer" @click="handleDetails(scope.row)">详情</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handlePageChange" :current-page="pageIndex" |
|||
:page-sizes="[ 50, 100, 200, 500]" :page-size="pageSize" :total="totalPage" |
|||
layout="total,sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
<MachineProjectForm ref="machineProjectForm" v-if="machineProjectVisible" @selectFinished="machineProjectFinished"> |
|||
</MachineProjectForm> |
|||
<MachineProjectDetail ref="machineProjectDetail" v-if="machineProjectDetailVisible" |
|||
@selectFinished="machineProjectFinished"></MachineProjectDetail> |
|||
<MachineProjectCloseAuthForm ref="machineProjectCloseAuth" v-if="machineProjectCloseAuthVisible" |
|||
@SelectFinished="machineProjectFinished"></MachineProjectCloseAuthForm> |
|||
|
|||
<!-- 页签 --> |
|||
<!-- <el-tabs style="margin-top: 0px; width: 100%; height: 40vh;" v-model="activeTable" class="customer-tab" type="border-card" @tab-click="tabClick"> |
|||
<el-tab-pane label="产品明细" name="inquiryPart"> |
|||
<el-table |
|||
@header-dragend="handleColumnResize" |
|||
height="37vh" |
|||
:data="inquiryPartDataList" |
|||
border |
|||
ref="secondaryTable" |
|||
v-loading="dataListLoading" |
|||
style="width: 100%;margin-top: 5px"> |
|||
<el-table-column |
|||
v-for="(item,index) in machineColumnList" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:align="item.align" |
|||
:fixed="item.fixed === ''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
</el-tabs> --> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import DictDataSelect from '../sys/dict-data-select.vue' |
|||
import { getSiteAndBuByUserName } from '../../../api/qc/qc' |
|||
import { |
|||
getTableDefaultListLanguage, |
|||
getTableUserListLanguage, |
|||
updateColumnSize, |
|||
} from '../../../api/table' |
|||
import OssComponents from '../oss/ossComponents.vue' |
|||
import { |
|||
queryMachinePage, |
|||
machineDelete, |
|||
projectUpdateStatus, |
|||
sendTextLoraWatch |
|||
} from '../../../api/machine/machineProject' |
|||
import MachineProjectForm from './modules/machineProjectForm' |
|||
import BuSelect from '../../../components/selector/select/BuSelect.vue' |
|||
import MachineProjectDetail from './machineProjectDetail.vue' |
|||
import MachineProjectCloseAuthForm from './modules/machineProjectCloseAuthForm.vue' |
|||
|
|||
export default { |
|||
name: 'machineProject', |
|||
components: { |
|||
OssComponents, |
|||
DictDataSelect, |
|||
MachineProjectForm, |
|||
BuSelect, |
|||
MachineProjectDetail, |
|||
MachineProjectCloseAuthForm, |
|||
}, |
|||
props: { |
|||
isComponent: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
height: { |
|||
type: [String, Number], |
|||
default: '76vh', |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
pageIndex: 1, |
|||
pageSize: 50, |
|||
totalPage: 0, |
|||
userBuList: [], |
|||
activeTable: 'inquiryPart', |
|||
machineProjectVisible: false, |
|||
machineProjectDetailVisible: false, |
|||
machineProjectCloseAuthVisible: false, |
|||
queryForm: { |
|||
site: this.$store.state.user.site, |
|||
customerNo: '', |
|||
customerDesc: '', |
|||
id: '', |
|||
rfqNo: '', |
|||
bu: '', |
|||
requestStartDate: '', |
|||
requestEndDate: '', |
|||
requiredCompletionStartDate: '', |
|||
requiredCompletionEndDate: '', |
|||
status: '', |
|||
quoterName: '', |
|||
requesterName: '', |
|||
priorityLevel: '', |
|||
partNo: '', |
|||
partDesc: '', |
|||
page: 1, |
|||
limit: 10, |
|||
menuId: this.$route.meta.menuId, |
|||
}, |
|||
dataList: [], |
|||
inquiryPartDataList: [], |
|||
queryLoading: false, |
|||
dataListLoading: false, |
|||
columns: [ |
|||
/* { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1BuDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'id', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '序号', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, */ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1BuDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'buDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: 'BU', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerNo', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'projectNo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '项目编号', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'projectName', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '项目名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequesterName', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'projectIncome', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '项目收益', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 180, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1QuoterName', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'projectBudget', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: '项目总预算', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequiredCompletionDate', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'projectActualExpenses', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: '项目总实际开销', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerInquiryNo', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'responsiblePerson', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '项目负责人', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequestDate', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'startDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '项目开始时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequestDate', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'endDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '结案时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1Status', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'sstatus', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '状态', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CreateDate', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'createDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '创建时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CreateBy', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'createBy', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '创建人', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1UpdateDate', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'updateDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '更新时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1UpdateBy', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'updateBy', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '更新人', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80, |
|||
}, |
|||
], |
|||
machineColumnList: [], |
|||
quoteLoading: false, |
|||
// ======== 选中的当前行数据 ======== |
|||
inquiryCurrentRow: {}, |
|||
} |
|||
}, |
|||
created() { |
|||
this.getSiteAndQueryBuByUserName() |
|||
this.handleQuery() |
|||
this.getTableUserColumn(this.$route.meta.menuId + 'table1', 1) |
|||
}, |
|||
methods: { |
|||
// 动态列开始 获取 用户保存的 格式列 |
|||
async getTableUserColumn(tableId, columnId) { |
|||
let queryTableUser = { |
|||
userId: this.$store.state.user.name, |
|||
functionId: this.$route.meta.menuId, |
|||
tableId: tableId, |
|||
status: true, |
|||
languageCode: this.$i18n.locale, |
|||
} |
|||
await getTableUserListLanguage(queryTableUser).then(({ data }) => { |
|||
if (data.rows.length > 0) { |
|||
switch (columnId) { |
|||
case 1: |
|||
this.columns = data.rows |
|||
break |
|||
} |
|||
} else { |
|||
this.getColumnList(tableId, columnId) |
|||
} |
|||
}) |
|||
}, |
|||
// 获取 tableDefault 列 |
|||
async getColumnList(tableId, columnId) { |
|||
let queryTable = { |
|||
functionId: this.$route.meta.menuId, |
|||
tableId: tableId, |
|||
languageCode: this.$i18n.locale, |
|||
} |
|||
await getTableDefaultListLanguage(queryTable).then(({ data }) => { |
|||
if (!data.rows.length === 0) { |
|||
switch (columnId) { |
|||
case 1: |
|||
this.columns = data.rows |
|||
break |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleColumnResize(newWidth, oldWidth, column, event) { |
|||
let inData = this.columnList.filter( |
|||
(item) => item.columnProp === column.property |
|||
)[0] |
|||
inData.columnWidth = newWidth |
|||
updateColumnSize(inData).then(({ data }) => { |
|||
if (data.code === 0) { |
|||
console.log('栏位宽度保存成功！') |
|||
} |
|||
}) |
|||
}, |
|||
// 获取用户的bu |
|||
getSiteAndQueryBuByUserName() { |
|||
let tempData = { |
|||
username: this.$store.state.user.name, |
|||
} |
|||
getSiteAndBuByUserName(tempData).then(({ data }) => { |
|||
if (data.code === 0) { |
|||
this.userBuList = data.rows |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
handleQuery() { |
|||
this.queryForm.pageSize = this.pageSize |
|||
this.queryForm.pageIndex = this.pageIndex |
|||
this.queryLoading = true |
|||
queryMachinePage(this.queryForm) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.dataList = data.page.records |
|||
this.pageIndex = data.page.current |
|||
this.pageSize = data.page.size |
|||
this.totalPage = data.page.total |
|||
//判断是否全部存在数据 |
|||
//if (this.totalPage > 0) { |
|||
// this.$refs.mainTable.setCurrentRow(this.dataList[0]) |
|||
// this.refreshCurrentTabTable() |
|||
// this.inquiryClickRow(this.dataList[0]) |
|||
//} |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
handleSizeChange(val) { |
|||
this.pageSize = val |
|||
this.pageIndex = 1 |
|||
this.handleQuery() |
|||
}, |
|||
handlePageChange(val) { |
|||
this.pageIndex = val |
|||
this.handleQuery() |
|||
}, |
|||
handleAdd() { |
|||
this.machineProjectVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectForm.add() |
|||
}) |
|||
}, |
|||
handleEdit(record) { |
|||
this.machineProjectVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectForm.edit(record) |
|||
}) |
|||
}, |
|||
handleRemove(row) { |
|||
this.$confirm('确认删除该项目信息吗？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}) |
|||
.then(() => { |
|||
this.handleRemoveMachine(row) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
handleRemoveMachine(row) { |
|||
let params = { |
|||
id: row.id, |
|||
} |
|||
machineDelete(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success(data.msg) |
|||
this.handleQuery() |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
chooseCloseUser(record) { |
|||
this.machineProjectCloseAuthVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectCloseAuth.projectCloseInit(record) |
|||
}) |
|||
}, |
|||
handleDetails(record) { |
|||
this.machineProjectDetailVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectDetail.projectDetailInit(record) |
|||
}) |
|||
}, |
|||
handleUpdateStatus(record) { |
|||
this.$confirm(`确定要下达该项目信息吗?`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
callback: () => {}, |
|||
beforeClose: (action, ctx, close) => { |
|||
if (action !== 'confirm') { |
|||
close() |
|||
return |
|||
} |
|||
ctx.confirmButtonLoading = true |
|||
|
|||
record.enSstatus = '审核中' |
|||
let params = { |
|||
...record, |
|||
} |
|||
projectUpdateStatus(params) |
|||
.then((res) => { |
|||
if (res.data && res.data.code === 0) { |
|||
this.$message.success(res.data.msg) |
|||
this.handleQuery() |
|||
close() |
|||
} else { |
|||
this.$message.warning(res.data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.warning(error) |
|||
}) |
|||
.finally(() => { |
|||
ctx.confirmButtonLoading = false |
|||
}) |
|||
}, |
|||
}) |
|||
/* .then(() => { |
|||
console.log("11111111"); |
|||
|
|||
this.handleQuery() |
|||
record.enSstatus = '审核中' |
|||
let params = { |
|||
...record, |
|||
} |
|||
projectUpdateStatus(params) |
|||
.then((res) => { |
|||
if (res.data && res.data.code === 0) { |
|||
this.$message.success(res.data.msg) |
|||
this.handleQuery() |
|||
} else { |
|||
this.$message.warning(res.data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.warning(error) |
|||
}) |
|||
}) */ |
|||
}, |
|||
machineProjectFinished() { |
|||
this.handleQuery() |
|||
}, |
|||
handleDblClick(row) { |
|||
this.handleDetails(row) |
|||
}, |
|||
|
|||
// ======== 页签切换相关方法 ======== |
|||
/** |
|||
* 列表表格选择替换 |
|||
* @param tab |
|||
* @param event |
|||
*/ |
|||
tabClick(tab, event) { |
|||
// 刷新列表数据 |
|||
this.refreshCurrentTabTable() |
|||
}, |
|||
|
|||
// ======== 列表操作方法 ======== |
|||
/** |
|||
* 单机选中询价信息 |
|||
* @param row |
|||
*/ |
|||
inquiryClickRow(row) { |
|||
this.inquiryCurrentRow = JSON.parse(JSON.stringify(row)) |
|||
}, |
|||
/** |
|||
* 当前值发生变化的时候修改 |
|||
* @param row |
|||
* @param oldRow |
|||
*/ |
|||
changeCurrentRow(row, oldRow) { |
|||
// 判断是否是获取焦点的事件 |
|||
if (row) { |
|||
this.inquiryCurrentRow = JSON.parse(JSON.stringify(row)) |
|||
//刷新当前页表 |
|||
this.refreshCurrentTabTable() |
|||
} |
|||
}, |
|||
/** |
|||
* 刷新页签的table数据 |
|||
*/ |
|||
refreshCurrentTabTable() { |
|||
if (this.activeTable === 'inquiryPart') { |
|||
} |
|||
}, |
|||
|
|||
rowStyle({ row }) { |
|||
if (this.inquiryCurrentRow.id === row.id) { |
|||
return { 'background-color': '#E8F7F6', cursor: 'pointer' } |
|||
} |
|||
}, |
|||
formatContent(content, length = 15) { |
|||
if (content && content.length > length) { |
|||
return content.substr(0, length) + '...' |
|||
} |
|||
return content |
|||
}, |
|||
handleHu(){ |
|||
let params={ |
|||
site:this.$store.state.user.site |
|||
} |
|||
sendTextLoraWatch(params) |
|||
.then((res) => { |
|||
if (res) { |
|||
console.log(res); |
|||
|
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
/deep/ .customer-tab .el-tabs__content { |
|||
padding: 0px !important; |
|||
} |
|||
///deep/ .customer-tab .el-tabs__content { |
|||
// |
|||
//} |
|||
.el-table /deep/ .cell { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,544 @@ |
|||
<template> |
|||
<div style="height: 100%;overflow: auto"> |
|||
<el-dialog title="详情" v-drag :close-on-click-modal="false" :visible.sync="saveVisible" width="60%" |
|||
@close="closeDetail"> |
|||
<!-- 页签 --> |
|||
<el-tabs v-model="activeTable" @tab-click="getTabs"> |
|||
<el-tab-pane label="项目预算" name="projectIncome"> |
|||
<!-- <el-button @click="addIncome()" :disabled="this.model.sstatus != '草稿'">新增</el-button> --> |
|||
<div style="height: 100%;overflow: auto"> |
|||
<!-- <el-table :data="dataList" border v-loading="queryLoading" height="33vh" @row-dblclick="handleDblClick" |
|||
:row-style="rowStyle" ref="mainTable"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" |
|||
:fixed="item.fixed===''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"></el-table-column> |
|||
<el-table-column label="备注" width="180" align="left" headerAlign="center"> |
|||
<template slot-scope="scope"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.remark" placement="top"> |
|||
<div>{{ formatContent(scope.row.remark) }}</div> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column v-if="model.sstatus =='草稿'" header-align="center" align="center" width="140" label="操作"> |
|||
<template slot-scope="scope"> |
|||
<el-link style="cursor: pointer" @click="editIncome(scope.row)">修改</el-link> |
|||
<el-link style="cursor: pointer" @click="removeIncome(scope.row)">删除</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> --> |
|||
<MachineProjectIncome :projectIncome="dataList" :project="model" @IncomeFinished="getIncomeList" |
|||
:auth-flag="false" :height="'33vh'"></MachineProjectIncome> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="项目计划" name="projectPlan"> |
|||
<div style="height: 100%;overflow: auto;"> |
|||
<MachineProjectPlan :projectPlan="projectPlan" :project="model" @planFinished="getPlanList" |
|||
:auth-flag="false" :height="'33vh'"></MachineProjectPlan> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="项目任务" name="projectTask"> |
|||
<div style="height: 100%;overflow: auto;"> |
|||
<MachineProjectTask :projectTask="projectTask" :project="model" @taskFinished="getTaskList" |
|||
:auth-flag="false" :height="'33vh'"></MachineProjectTask> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="结案确认" name="projectClose"> |
|||
<div style="height: 100%;overflow: auto;"> |
|||
<MachineProjectCloseTable :projectClose="projectClose" :project="model" @taskFinished="getCloseList" |
|||
:auth-flag="false" :height="'33vh'"></MachineProjectCloseTable> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="审核记录" name="projectAuth"> |
|||
<div style="height: 100%;overflow: auto;"> |
|||
<MachineProjectAuthTable :projectAuth="projectAuth" :project="model" @taskFinished="getAuthList" |
|||
:auth-flag="false" :height="'33vh'"></MachineProjectAuthTable> |
|||
</div> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="相关文档" name="inquiryDocument"> |
|||
<div style="height: 100%;overflow: auto;"> |
|||
<oss-components ref="inquiryDocument" label="申请单号" style="margin-top: 5px" height="44vh" :columns="ossColumns" |
|||
:orderRef1="model.site" :orderRef2="model.id" :rfqNo="model.projectNo"> |
|||
</oss-components> |
|||
</div> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import DictDataSelect from '../sys/dict-data-select.vue' |
|||
import OssComponents from '../oss/ossProjectComponents.vue' |
|||
import BuSelect from '../../../components/selector/select/BuSelect.vue' |
|||
|
|||
import { |
|||
queryMachineProjectIncomeList, |
|||
deleteProjectIncome, |
|||
queryMachineProjectPlanList, |
|||
queryMachineProjectTaskList, |
|||
queryMachineProjectCloseList, |
|||
} from '../../../api/machine/machineProjectIncome' |
|||
import { queryMachineProjectAuthList } from '../../../api/machine/machineProject' |
|||
import MachineProjectIncome from './modules/machineProjectIncomeTable.vue' |
|||
import MachineProjectPlan from './modules/machineProjectPlanTable.vue' |
|||
import MachineProjectTask from './modules/machineProjectTaskTable.vue' |
|||
import MachineProjectCloseTable from './modules/machineProjectCloseTable.vue' |
|||
import MachineProjectAuthTable from './modules/machineProjectAuthTable.vue' |
|||
|
|||
export default { |
|||
name: 'machineProjectDetail', |
|||
components: { |
|||
OssComponents, |
|||
DictDataSelect, |
|||
BuSelect, |
|||
MachineProjectIncome, |
|||
MachineProjectPlan, |
|||
MachineProjectTask, |
|||
MachineProjectCloseTable, |
|||
MachineProjectAuthTable, |
|||
}, |
|||
props: { |
|||
isComponent: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
height: { |
|||
type: [String, Number], |
|||
default: '76vh', |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
projectPlan: [], |
|||
projectTask: [], |
|||
projectClose: [], |
|||
projectAuth: [], |
|||
ossColumns: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 101506001001, |
|||
serialNumber: '101506001001Table2FileName', |
|||
tableId: '101506001001Table2', |
|||
tableName: '文件信息表', |
|||
columnProp: 'fileName', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '文件名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 101506001001, |
|||
serialNumber: '101506001001Table2FileRemark', |
|||
tableId: '101506001001Table2', |
|||
tableName: '文件信息表', |
|||
columnProp: 'cadditionalInfo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '备注', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 240, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 101506001001, |
|||
serialNumber: '101506001001Table2CreateDate', |
|||
tableId: '101506001001Table2', |
|||
tableName: '文件信息表', |
|||
columnProp: 'createDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '上传时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 101506001001, |
|||
serialNumber: '101506001001Table2CreatedBy', |
|||
tableId: '101506001001Table2', |
|||
tableName: '文件信息表', |
|||
columnProp: 'createdBy', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '上传人', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140, |
|||
}, |
|||
], |
|||
saveVisible: false, |
|||
pageIndex: 1, |
|||
pageSize: 50, |
|||
totalPage: 0, |
|||
// 初始页签 |
|||
activeTable: 'projectIncome', |
|||
projectDetalVisible: false, |
|||
queryForm: { |
|||
site: this.$store.state.user.site, |
|||
customerNo: '', |
|||
customerDesc: '', |
|||
id: '', |
|||
rfqNo: '', |
|||
bu: '', |
|||
requestStartDate: '', |
|||
requestEndDate: '', |
|||
requiredCompletionStartDate: '', |
|||
requiredCompletionEndDate: '', |
|||
status: '', |
|||
quoterName: '', |
|||
requesterName: '', |
|||
priorityLevel: '', |
|||
partNo: '', |
|||
partDesc: '', |
|||
page: 1, |
|||
limit: 10, |
|||
menuId: this.$route.meta.menuId, |
|||
}, |
|||
dataList: [], |
|||
inquiryPartDataList: [], |
|||
queryLoading: false, |
|||
dataListLoading: false, |
|||
columns: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1BuDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'incomeNo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '费用编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerNo', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'incomeName', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '费用描述', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'incomeBudget', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '预算金额', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequesterName', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'actualExpenses', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '实际开销', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1QuoterName', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'currency', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '币种', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80, |
|||
}, |
|||
/* { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequiredCompletionDate', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'remark', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '备注', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, */ |
|||
], |
|||
machineColumnList: [], |
|||
quoteLoading: false, |
|||
// ======== 选中的当前行数据 ======== |
|||
inquiryCurrentRow: {}, |
|||
} |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
projectDetailInit(record) { |
|||
this.saveVisible = true |
|||
this.model = record |
|||
this.getTabs() |
|||
}, |
|||
rowStyle({ row }) { |
|||
if (this.inquiryCurrentRow.id === row.id) { |
|||
return { 'background-color': '#E8F7F6', cursor: 'pointer' } |
|||
} |
|||
}, |
|||
addIncome() { |
|||
this.projectDetalVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectDetailForm.add(this.model) |
|||
}) |
|||
}, |
|||
editIncome(record) { |
|||
this.projectDetalVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectDetailForm.edit(record) |
|||
}) |
|||
}, |
|||
removeIncome(row) { |
|||
this.$confirm('确认删除该项目信息吗？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}).then(() => { |
|||
this.handleRemoveIncome(row) |
|||
}) |
|||
}, |
|||
handleRemoveIncome(row) { |
|||
let params = { |
|||
id: row.id, |
|||
} |
|||
deleteProjectIncome(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success(data.msg) |
|||
this.getIncomeList() |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
getTabs() { |
|||
switch (this.activeTable) { |
|||
case 'projectIncome': |
|||
this.getIncomeList() |
|||
break |
|||
case 'projectPlan': |
|||
this.getPlanList() |
|||
break |
|||
case 'projectTask': |
|||
this.getTaskList() |
|||
break |
|||
case 'projectClose': |
|||
this.getCloseList() |
|||
break |
|||
case 'projectAuth': |
|||
this.getAuthList() |
|||
break |
|||
case 'inquiryDocument': |
|||
this.$refs.inquiryDocument.handleQuery() |
|||
break |
|||
default: |
|||
this.getIncomeList() |
|||
break |
|||
} |
|||
}, |
|||
getIncomeList() { |
|||
let obj = { |
|||
projectNo: this.model.projectNo, |
|||
} |
|||
queryMachineProjectIncomeList(obj) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.dataList = data.list |
|||
//判断是否全部存在数据 |
|||
//if (this.totalPage > 0) { |
|||
// this.$refs.mainTable.setCurrentRow(this.dataList[0]) |
|||
// this.refreshCurrentTabTable() |
|||
// this.inquiryClickRow(this.dataList[0]) |
|||
//} |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
incomeFinished() { |
|||
this.getIncomeList() |
|||
}, |
|||
getPlanList() { |
|||
let obj = { |
|||
projectNo: this.model.projectNo, |
|||
} |
|||
queryMachineProjectPlanList(obj) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.projectPlan = data.list |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
getTaskList() { |
|||
let obj = { |
|||
projectNo: this.model.projectNo, |
|||
} |
|||
queryMachineProjectTaskList(obj) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.projectTask = data.list |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
getCloseList() { |
|||
let obj = { |
|||
projectNo: this.model.projectNo, |
|||
} |
|||
queryMachineProjectCloseList(obj) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.projectClose = data.list |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
getAuthList() { |
|||
let obj = { |
|||
site: this.$store.state.user.site, |
|||
projectNo: this.model.projectNo, |
|||
} |
|||
queryMachineProjectAuthList(obj) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.projectAuth = data.list |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.queryLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.queryLoading = false |
|||
}) |
|||
}, |
|||
closeDetail() { |
|||
this.$emit('selectFinished') |
|||
}, |
|||
formatContent(content, length = 10) { |
|||
if (content && content.length > length) { |
|||
return content.substr(0, length) + '...' |
|||
} |
|||
return content |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
/deep/ .customer-tab .el-tabs__content { |
|||
padding: 0px !important; |
|||
} |
|||
///deep/ .customer-tab .el-tabs__content { |
|||
// |
|||
//} |
|||
.MachineProjectTask { |
|||
z-index: 2003; |
|||
} |
|||
.el-table /deep/ .cell { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,145 @@ |
|||
<template> |
|||
<div> |
|||
<el-table v-loading="queryLoading" border :data="projectAuth" style="width: 100%;margin-top: 5px" :height="height"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" :fixed="item.fixed === ''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
|
|||
</template> |
|||
<script> |
|||
export default { |
|||
name: 'machineProjectAuthTable', |
|||
components: { |
|||
}, |
|||
props: { |
|||
project: { |
|||
type: Object, |
|||
required: true, |
|||
}, |
|||
projectAuth: { |
|||
type: Array, |
|||
required: true, |
|||
}, |
|||
height: { |
|||
type: [Number, String], |
|||
default: 300, |
|||
}, |
|||
authFlag: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
queryLoading: false, |
|||
saveQuoteDetailRules: { |
|||
}, |
|||
columns: [ |
|||
/* { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartNo', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'taskNo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '任务编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, */ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Qty', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'userDisplay', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '审核人', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustBomUnYield', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'actAuthorizeDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '审核时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustLabourCost', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'approveResult', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '审核结论', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustLabourCost', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'authHistRemark', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '备注', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
], |
|||
formVisible: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
}, |
|||
|
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
|
|||
@ -0,0 +1,230 @@ |
|||
<template> |
|||
<div style="width: 100%;margin-top: 5px"> |
|||
<el-dialog title="结案人员" :close-on-click-modal="false" v-drag @close="closeAuthGroupMemberSaveDialogFlag" |
|||
:visible.sync="projectCloseAuthSaveDialog" width="900px"> |
|||
<div style="font-size: 12px"> |
|||
<el-form :inline="true" label-position="top" :model="searchAuthBusinessData"> |
|||
<el-form-item :label="'用户名'"> |
|||
<el-input v-model="searchAuthBusinessData.username" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'用户名称'"> |
|||
<el-input v-model="searchAuthBusinessData.userDisplay" clearable style="width: 200px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-button type="primary" @click="authGroupBusinessSearch()">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<el-container style="margin-top: 0px;"> |
|||
<el-main style="width: 400px; padding: 1px"> |
|||
<span style="font-size: 12px">可选结案人</span> |
|||
<el-table @header-dragend="handleColumnResize" height="400px" :data="allAuthBusinessList" border |
|||
ref="allAuthBusinessTable" @row-click="allAuthBusinessClickRow" @selection-change="selectionAllAuthBusiness" |
|||
highlight-current-row style="width: 100%"> |
|||
<el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> |
|||
</el-table-column> |
|||
<el-table-column prop="username" header-align="center" align="center" min-width="80" label="用户名"> |
|||
</el-table-column> |
|||
<el-table-column prop="userDisplay" header-align="center" align="center" min-width="120" label="用户名称"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-main> |
|||
<el-main style="width: 111px;padding: 1px"> |
|||
<div style="margin-top: 182px;margin-left: 18px"> |
|||
<el-button type="primary" @click="addAuthGroupMemberBusiness()">添加>></el-button> |
|||
</div> |
|||
<div style="margin-top: 15px;margin-left: 18px"> |
|||
<el-button type="primary" @click="deleteAuthGroupMemberBusiness()">删除</el-button> |
|||
</div> |
|||
</el-main> |
|||
<el-main style="width: 400px;padding: 1px"> |
|||
<span style="font-size: 12px">已有结案人</span> |
|||
<el-table @header-dragend="handleColumnResize" height="400px" :data="isAuthBusinessList" border |
|||
ref="isAuthBusinessTable" @row-click="isAuthBusinessClickRow" @selection-change="selectionIsAuthBusiness" |
|||
highlight-current-row style="width: 100%"> |
|||
<el-table-column type="selection" header-align="center" align="center" :selectable="selectFlag" width="50"> |
|||
</el-table-column> |
|||
<el-table-column prop="username" header-align="center" align="center" min-width="80" label="用户名"> |
|||
</el-table-column> |
|||
<el-table-column prop="userDisplay" header-align="center" align="center" min-width="120" label="用户名称"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-main> |
|||
</el-container> |
|||
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|||
<el-button type="primary" @click="handleSaveOrUpdateClose" :loading="saveLoading">确 |
|||
定</el-button> |
|||
<el-button type="primary" @click="projectCloseAuthSaveDialog = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { forEach } from 'lodash' |
|||
import { |
|||
projectCloseAuthSearch, |
|||
saveBatchProjectClose, |
|||
} from '../../../../api/machine/machineProjectIncome' |
|||
|
|||
export default { |
|||
name: 'machineProjectCloseAuthForm', |
|||
components: {}, |
|||
watch: {}, |
|||
data() { |
|||
return { |
|||
project: {}, |
|||
projectCloseAuthSaveDialog: false, |
|||
searchAuthBusinessData: { |
|||
site: this.$store.state.user.site, |
|||
userName: this.$store.state.user.name, |
|||
username: '', |
|||
userDisplay: '', |
|||
}, |
|||
allAuthBusinessList: [], |
|||
isAuthBusinessList: [], |
|||
saveLoading: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
handleColumnResize(newWidth, oldWidth, column, event) { |
|||
let inData = this.columnList.filter( |
|||
(item) => item.columnProp === column.property |
|||
)[0] |
|||
inData.columnWidth = newWidth |
|||
updateColumnSize(inData).then(({ data }) => { |
|||
if (data.code === 0) { |
|||
console.log('栏位宽度保存成功！') |
|||
} |
|||
}) |
|||
}, |
|||
closeAuthGroupMemberSaveDialogFlag() { |
|||
this.projectCloseAuthSaveDialog = false |
|||
this.allAuthBusinessList = [] |
|||
this.isAuthBusinessList = [] |
|||
}, |
|||
/** |
|||
* 查询可用角色 |
|||
*/ |
|||
authGroupBusinessSearch() { |
|||
let obj = { |
|||
site: this.$store.state.user.site, |
|||
username: this.searchAuthBusinessData.username, |
|||
userDisplay: this.searchAuthBusinessData.userDisplay, |
|||
} |
|||
projectCloseAuthSearch(obj).then(({ data }) => { |
|||
if (data.code === 0) { |
|||
this.allAuthBusinessList = data.rows |
|||
} |
|||
}) |
|||
}, |
|||
//已有角色 |
|||
isAuthBusinessClickRow(row) { |
|||
this.$refs.isAuthBusinessTable.toggleRowSelection(row) |
|||
}, |
|||
//可选角色 |
|||
allAuthBusinessClickRow(row) { |
|||
this.$refs.allAuthBusinessTable.toggleRowSelection(row) |
|||
}, |
|||
selectionAllAuthBusiness(val) { |
|||
this.allAuthBusinessSelections = val |
|||
}, |
|||
selectionIsAuthBusiness(val) { |
|||
this.isAuthBusinessSelections = val |
|||
}, |
|||
selectFlag() { |
|||
return true |
|||
}, |
|||
//添加角色 |
|||
addAuthGroupMemberBusiness() { |
|||
if ( |
|||
this.allAuthBusinessSelections == null || |
|||
this.allAuthBusinessSelections.length === 0 |
|||
) { |
|||
this.$message.warning('请选择可选角色！') |
|||
return |
|||
} |
|||
let array = this.allAuthBusinessSelections.concat(this.isAuthBusinessList) |
|||
let newArray = array.filter( |
|||
(item, index, self) => |
|||
index === self.findIndex((t) => t.userId === item.userId) |
|||
) |
|||
this.isAuthBusinessList = newArray |
|||
|
|||
let ids = [] |
|||
for (let i = 0; i < this.allAuthBusinessSelections.length; i++) { |
|||
ids.push(this.allAuthBusinessSelections[i].userId) |
|||
} |
|||
for (let i = 0; i < ids.length; i++) { |
|||
let index = this.allAuthBusinessList.findIndex( |
|||
(obj) => obj.userId == ids[i] |
|||
) |
|||
if (index != -1) { |
|||
this.allAuthBusinessList.splice(index, 1) |
|||
} |
|||
} |
|||
|
|||
this.allAuthBusinessSelections = [] |
|||
this.$refs.allAuthBusinessTable.clearSelection() |
|||
}, |
|||
//删除角色 |
|||
deleteAuthGroupMemberBusiness() { |
|||
if ( |
|||
this.isAuthBusinessSelections == null || |
|||
this.isAuthBusinessSelections.length === 0 |
|||
) { |
|||
this.$message.warning('请选择已有角色！') |
|||
return |
|||
} |
|||
for (let i = 0; i < this.isAuthBusinessSelections.length; i++) { |
|||
let obj = {} |
|||
obj = this.isAuthBusinessSelections[i] |
|||
this.allAuthBusinessList.push(obj) |
|||
} |
|||
this.allAuthBusinessList.sort(function (a, b) { |
|||
return a.userId - b.userId |
|||
}) |
|||
|
|||
const difference = this.isAuthBusinessList.filter( |
|||
(item) => |
|||
!this.isAuthBusinessSelections.some( |
|||
(item2) => item.userId === item2.userId |
|||
) |
|||
) |
|||
this.isAuthBusinessList = difference |
|||
}, |
|||
projectCloseInit(record) { |
|||
this.projectCloseAuthSaveDialog = true |
|||
this.project = record |
|||
this.searchAuthBusinessData = {} |
|||
this.authGroupBusinessSearch() |
|||
}, |
|||
handleSaveOrUpdateClose() { |
|||
let param = { |
|||
site: this.project.site, |
|||
buNo: this.project.buNo, |
|||
projectNo: this.project.projectNo, |
|||
userList: this.isAuthBusinessList, |
|||
} |
|||
this.saveLoading = true |
|||
saveBatchProjectClose(param) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.projectCloseAuthSaveDialog = false |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,150 @@ |
|||
<template> |
|||
<div> |
|||
<el-table v-loading="queryLoading" border :data="projectClose" style="width: 100%;margin-top: 5px" :height="height"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" :fixed="item.fixed === ''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
<el-table-column label="操作" v-if="!authFlag && this.project.sstatus == '进行中'" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-link style="cursor: pointer" v-if="scope.row.sstatus != '已确认'" @click="handleConfirm(scope.row)">确认</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
projectCloseUpdateStatus, |
|||
} from '../../../../api/machine/machineProjectIncome' |
|||
|
|||
export default { |
|||
name: 'machineProjectPlanTable', |
|||
components: {}, |
|||
props: { |
|||
project: { |
|||
type: Object, |
|||
required: true, |
|||
}, |
|||
projectClose: { |
|||
type: Array, |
|||
required: true, |
|||
}, |
|||
height: { |
|||
type: [Number, String], |
|||
default: 300, |
|||
}, |
|||
authFlag: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
saveQuoteDetail: {}, |
|||
dataList: [], |
|||
saveLoading: false, |
|||
queryLoading: false, |
|||
saveVisible: false, |
|||
saveQuoteDetailRules: {}, |
|||
columns: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartNo', |
|||
tableId: '5011Table2', |
|||
tableName: '项目结案表', |
|||
columnProp: 'userDisplay', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '确认人员', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartDesc', |
|||
tableId: '5011Table2', |
|||
tableName: '项目结案表', |
|||
columnProp: 'startDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '要求确认日期', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Qty', |
|||
tableId: '5011Table2', |
|||
tableName: '项目结案表', |
|||
columnProp: 'endDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '确认日期', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
}, |
|||
], |
|||
formVisible: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
handleConfirm(row) { |
|||
this.$confirm('是否确认该信息？', '提示', { |
|||
confirmButtonText: '确认', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}) |
|||
.then(() => { |
|||
this.handleConfirmProjectClose(row) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
handleConfirmProjectClose(row) { |
|||
let params = { |
|||
id: row.id, |
|||
} |
|||
projectCloseUpdateStatus(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success(data.msg) |
|||
this.taskTableFinished() |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
taskTableFinished() { |
|||
this.$emit('taskFinished') |
|||
}, |
|||
}, |
|||
|
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
|
|||
@ -0,0 +1,255 @@ |
|||
<template> |
|||
<div style="height:100%"> |
|||
<el-dialog :title="model.id? '编辑' :'新增'" v-drag :close-on-click-modal="false" :append-to-body='true' :visible.sync="saveVisible" |
|||
width="500px"> |
|||
<el-form ref="saveForm" :model="model" :rules="saveRules" label-position="top" label-width="100px"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="费用描述" prop="incomeName" :show-message="false"> |
|||
<el-input v-model="model.incomeName" :disabled="detailFlag" :max="100"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="币种" prop="currency" :show-message="false"> |
|||
<el-select ref="currency" v-model="model.currency" placeholder="请选择" :disabled="detailFlag"> |
|||
<el-option v-for="i in currencyList" :key="i.currency" :label="i.currencyDesc" :value="i.currency"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="预算金额" prop="incomeBudget" :show-message="false"> |
|||
<el-input v-model="model.incomeBudget" :disabled="detailFlag" @input=" value=>model.incomeBudget = value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="实际开销" prop="actualExpenses" :show-message="false"> |
|||
<el-input v-model="model.actualExpenses" :disabled="!(detailFlag || projectStatus == '进行中')" @input=" value=>model.actualExpenses = value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注" prop="remark" class="auto" :show-message="false"> |
|||
<el-input v-model="model.remark" :disabled="detailFlag" :rows="3" :max="255" type="textarea"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="handleSaveOrUpdateIncome" :loading="saveLoading">确 |
|||
定</el-button> |
|||
<el-button @click="saveVisible = false">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
saveMachineProjectIncome, |
|||
updateMachineProjectIncome, |
|||
currencyList, |
|||
} from '../../../../api/machine/machineProjectIncome' |
|||
import DictDataSelect from "../../sys/dict-data-select.vue"; |
|||
|
|||
export default { |
|||
name: 'machineProjectDetailForm', |
|||
components: {DictDataSelect}, |
|||
props: { |
|||
//表单禁用 |
|||
disabled: { |
|||
type: Boolean, |
|||
default: false, |
|||
required: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
saveVisible: false, |
|||
detailFlag: false, |
|||
userList: [], |
|||
currencyList:[], |
|||
saveRules: { |
|||
incomeName: [ |
|||
{ required: true, message: '请输入项目表述', trigger: ['blur', 'change'] }, |
|||
], |
|||
currency: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择币种', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
incomeBudget: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入预算金额', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
}, |
|||
saveLoading: false, |
|||
confirmLoading: false, |
|||
validatorRules: { |
|||
contactsName: [{ required: true, message: '请输入姓名!' }], |
|||
phone: [ |
|||
{ |
|||
required: true, |
|||
pattern: /^1[3456789]\d{9}$/, |
|||
message: '请输入正确的手机号码!', |
|||
}, |
|||
], |
|||
}, |
|||
url: {}, |
|||
visible: false, |
|||
disableSubmit: false, |
|||
loading: false, |
|||
projectStatus:'', |
|||
} |
|||
}, |
|||
computed: {}, |
|||
created() { |
|||
//备份model原始值 |
|||
this.modelDefault = JSON.parse(JSON.stringify(this.model)) |
|||
}, |
|||
methods: { |
|||
add(record) { |
|||
this.saveVisible = true |
|||
this.model = JSON.parse(JSON.stringify({})) |
|||
this.detailFlag = false |
|||
|
|||
this.model.site = record.site |
|||
this.model.buNo = record.buNo |
|||
this.model.projectNo = record.projectNo |
|||
this.model.projectName = record.projectName |
|||
this.projectStatus = record.sstatus |
|||
this.getCurrencyList() |
|||
}, |
|||
edit(record,project) { |
|||
this.saveVisible = true |
|||
this.model = JSON.parse(JSON.stringify(record)) |
|||
this.projectStatus = project.sstatus |
|||
|
|||
this.getDetailFlag() |
|||
this.getCurrencyList() |
|||
}, |
|||
getDetailFlag(){ |
|||
if(this.projectStatus != '草稿' && this.projectStatus != '已驳回'){ |
|||
this.detailFlag = true |
|||
}else{ |
|||
this.detailFlag = false |
|||
} |
|||
|
|||
}, |
|||
queryById(id) { |
|||
let params = { |
|||
id: id, |
|||
} |
|||
getMachineById(params).then((res) => { |
|||
this.model = res.data.record |
|||
}) |
|||
}, |
|||
handleSaveOrUpdateIncome() { |
|||
this.$refs.saveForm.validate((valid, obj) => { |
|||
if (valid) { |
|||
if (this.model.id) { |
|||
this.handleUpdateIncome() |
|||
} else { |
|||
this.handleSaveIncome() |
|||
} |
|||
} else { |
|||
let i = 1 |
|||
for (let key in obj) { |
|||
this.$message.warning(obj[key][0].message) |
|||
if (i === 1) { |
|||
return |
|||
} |
|||
i++ |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleSaveIncome() { |
|||
let params = { |
|||
...this.model, |
|||
createBy: this.$store.state.user.name, |
|||
} |
|||
|
|||
this.saveLoading = true |
|||
saveMachineProjectIncome(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectIncomeFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
handleUpdateIncome() { |
|||
let params = { |
|||
...this.model, |
|||
updateBy: this.$store.state.user.name, |
|||
site: this.$store.state.user.site, |
|||
} |
|||
this.saveLoading = true |
|||
updateMachineProjectIncome(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.currentQuote = { |
|||
...this.currentQuote, |
|||
} |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectIncomeFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
getLabel() { |
|||
this.$nextTick(() => { |
|||
this.model.responsiblePerson = |
|||
this.$refs.responsiblePerson.selectedLabel |
|||
}) |
|||
}, |
|||
getCurrencyList() { |
|||
let params = { |
|||
site: this.$store.state.user.site, |
|||
active: 'Y', |
|||
} |
|||
currencyList(params).then((res) => { |
|||
if (res && res.data.code === 0) { |
|||
this.$set(this, 'currencyList', res.data.list) |
|||
} |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
.el-table /deep/ .cell { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,340 @@ |
|||
<template> |
|||
<div style="height:100%"> |
|||
<el-dialog :title="model.id? '编辑' :'新增'" v-drag :close-on-click-modal="false" :visible.sync="saveVisible" |
|||
width="500px"> |
|||
<el-form ref="saveForm" :model="model" :rules="saveRules" label-position="top" label-width="100px"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="BU" prop="buId" :show-message="false"> |
|||
<bu-select v-model="model.buId" :disabled="model.id > 0"></bu-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="项目名称" prop="projectName" :show-message="false"> |
|||
<el-input v-model="model.projectName" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="项目负责人" prop="responsibleNo" :show-message="false"> |
|||
<span slot="label" v-if="!detailFlag"> |
|||
<a @click="getResponsibleList">项目负责人</a> |
|||
</span> |
|||
<el-input v-model="model.responsiblePerson" :disabled="true"></el-input> |
|||
<!-- <el-select ref="responsiblePerson" v-model="model.responsibleNo" @change="getLabel" placeholder="请选择"> |
|||
<el-option v-for="i in userList" :key="i.userId" :label="i.userDisplay" :value="i.userId"> |
|||
</el-option> |
|||
</el-select> --> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- <el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="客户询价单号" prop="customerInquiryNo" :show-message="false"> |
|||
<el-input v-model="model.customerInquiryNo" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="内部询价单号" prop="insideInquiryNo" :show-message="false"> |
|||
<span slot="label" v-if="model.id <= 0"> |
|||
<a @click="insideInquiryVisible = true">内部询价单号</a> |
|||
</span> |
|||
<el-input v-model="model.insideInquiryNo" @blur="handleInquiryBlur" :disabled="model.id > 0"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> --> |
|||
<!-- <el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="客户编码" prop="customerNo" :show-message="false"> |
|||
<span slot="label" v-if="model.id <= 0"> |
|||
<a @click="customerVisible = true">客户编码</a> |
|||
</span> |
|||
<el-input v-model="model.customerNo" :disabled="model.id > 0" @blur="customerNoBlur"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<el-form-item label="客户描述" prop="customerDesc" :show-message="false"> |
|||
<el-input v-model="model.customerDesc" disabled></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="Cost Model" prop="costModel" :show-message="false"> |
|||
<el-select v-model="model.costModel" :disabled="detailFlag"> |
|||
<el-option label="2020" value="2020"></el-option> |
|||
<el-option label="UFIDA" value="UFIDA"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="Markup" prop="markup" :show-message="false"> |
|||
<el-input-number style="width: 100%" :controls="false" :step="0" v-model="model.markup" :disabled="detailFlag"></el-input-number> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="芯片价格" prop="chipPrice" :show-message="false"> |
|||
<el-input v-model="model.chipPrice" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="币种" :show-message="false"> |
|||
<span slot="label" v-if="!detailFlag"> |
|||
<a @click="getBaseList(512)">币种</a> |
|||
</span> |
|||
<el-input v-model="model.currency" readonly :disabled="detailFlag"> |
|||
<span slot="suffix" v-show="model.currency && !detailFlag" @click="clearModalData('currency')"><i class="el-icon-circle-close" style="margin-left: 5px;cursor: pointer;"></i></span> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="报价日期" prop="quoteDate" :show-message="false"> |
|||
<el-date-picker style="width: 100%" :disabled="detailFlag" v-model="model.quoteDate" type="date" value-format='yyyy-MM-dd' format='yyyy-MM-dd'></el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="报价专员" prop="quoter" :show-message="false"> |
|||
<span slot="label" v-if="!detailFlag"> |
|||
<a @click="handleQuoterClick" >报价专员</a> |
|||
</span> |
|||
<el-input v-model="model.quoter" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="采购专员" :show-message="false"> |
|||
<span slot="label" v-if="!detailFlag"> |
|||
<a @click="handlePurchaseClick" >采购专员</a> |
|||
</span> |
|||
<el-input v-model="model.purchase" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> --> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="项目收益" prop="remark" class="auto" :show-message="false"> |
|||
<el-input v-model="model.projectIncome" :disabled="detailFlag" :rows="3" type="textarea"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" v-if="!detailFlag" @click="handleSaveOrUpdateMachine" :loading="saveLoading">确 |
|||
定</el-button> |
|||
<el-button @click="saveVisible = false">取 消</el-button> |
|||
</div> |
|||
<UserChooseComponent ref="userChooseComponent" v-if="userVisible" :isPage="false" title="项目负责人" @selectFinish="selectResponsibleFinish"></UserChooseComponent> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import BuSelect from '../../../../components/selector/select/BuSelect.vue' |
|||
import DictDataSelect from '../../sys/dict-data-select.vue' |
|||
import { |
|||
saveMachine, |
|||
updateMachine, |
|||
getMachineById, |
|||
} from '../../../../api/machine/machineProject.js' |
|||
import { userList } from '../../../../api/user.js' |
|||
import UserChooseComponent from '../../../../components/selector/user/userChooseComponent.vue' |
|||
|
|||
export default { |
|||
name: 'machineProjectForm', |
|||
components: { |
|||
BuSelect, |
|||
DictDataSelect, |
|||
UserChooseComponent, |
|||
}, |
|||
props: { |
|||
//表单禁用 |
|||
disabled: { |
|||
type: Boolean, |
|||
default: false, |
|||
required: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
saveVisible: false, |
|||
userVisible: false, |
|||
detailFlag: false, |
|||
userList: [], |
|||
saveRules: { |
|||
buId: [ |
|||
{ required: true, message: '请选择BU', trigger: ['blur', 'change'] }, |
|||
], |
|||
projectName: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入项目名称', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
responsibleNo: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择项目负责人', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
}, |
|||
saveLoading: false, |
|||
confirmLoading: false, |
|||
validatorRules: { |
|||
contactsName: [{ required: true, message: '请输入姓名!' }], |
|||
phone: [ |
|||
{ |
|||
required: true, |
|||
pattern: /^1[3456789]\d{9}$/, |
|||
message: '请输入正确的手机号码!', |
|||
}, |
|||
], |
|||
}, |
|||
url: {}, |
|||
title: '添加联系人', |
|||
width: 800, |
|||
visible: false, |
|||
disableSubmit: false, |
|||
loading: false, |
|||
} |
|||
}, |
|||
computed: {}, |
|||
watch:{ |
|||
}, |
|||
created() { |
|||
//备份model原始值 |
|||
this.modelDefault = JSON.parse(JSON.stringify(this.model)) |
|||
}, |
|||
methods: { |
|||
add() { |
|||
this.saveVisible = true |
|||
this.model = {} |
|||
this.model = Object.assign({}, this.model) |
|||
this.getUserList() |
|||
}, |
|||
edit(record) { |
|||
this.saveVisible = true |
|||
this.getUserList() |
|||
this.model = Object.assign({}, record) |
|||
this.queryById(record.id) |
|||
}, |
|||
queryById(id) { |
|||
let params = { |
|||
id: id, |
|||
} |
|||
getMachineById(params).then((res) => { |
|||
this.model = res.data.record |
|||
}) |
|||
}, |
|||
getUserList() { |
|||
let params = { |
|||
site: this.$store.state.user.site, |
|||
status: 1, |
|||
} |
|||
userList(params).then((res) => { |
|||
if (res && res.data.code === 0) { |
|||
this.$set(this, 'userList', res.data.list) |
|||
} |
|||
}) |
|||
}, |
|||
handleSaveOrUpdateMachine() { |
|||
this.$refs.saveForm.validate((valid, obj) => { |
|||
if (valid) { |
|||
if (this.model.id) { |
|||
this.handleUpdateMachine() |
|||
} else { |
|||
this.handleSaveMachine() |
|||
} |
|||
} else { |
|||
let i = 1 |
|||
for (let key in obj) { |
|||
this.$message.warning(obj[key][0].message) |
|||
if (i === 1) { |
|||
return |
|||
} |
|||
i++ |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleSaveMachine() { |
|||
let params = { |
|||
...this.model, |
|||
createBy: this.$store.state.user.name, |
|||
} |
|||
|
|||
this.saveLoading = true |
|||
saveMachine(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
handleUpdateMachine() { |
|||
let params = { |
|||
...this.model, |
|||
updateBy: this.$store.state.user.name, |
|||
} |
|||
this.saveLoading = true |
|||
updateMachine(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.currentQuote = { |
|||
...this.currentQuote, |
|||
} |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
getLabel() { |
|||
this.$nextTick(() => { |
|||
this.model.responsiblePerson = |
|||
this.$refs.responsiblePerson.selectedLabel |
|||
}) |
|||
}, |
|||
getResponsibleList(){ |
|||
this.userVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.userChooseComponent.userInit() |
|||
}) |
|||
}, |
|||
selectResponsibleFinish(row){ |
|||
this.userVisible = false |
|||
this.model.responsibleNo = row.userId |
|||
this.model.responsiblePerson = row.userDisplay |
|||
|
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
.el-table /deep/ .cell { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,240 @@ |
|||
<template> |
|||
<div> |
|||
<el-button @click="addIncome()" v-if="!authFlag" |
|||
:disabled="this.project.sstatus != '草稿' && this.project.sstatus !='已驳回'">新增</el-button> |
|||
<div style="height: 100%;overflow: auto"> |
|||
<el-table :data="projectIncome" border v-loading="queryLoading" style="width: 100%;margin-top: 5px" |
|||
:height="height"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" :fixed="item.fixed===''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.column.property == 'incomeName'"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.incomeName" placement="top"> |
|||
<div>{{ formatContent(scope.row.incomeName) }}</div> |
|||
</el-tooltip> |
|||
</span> |
|||
<span v-else>{{scope.row[scope.column.property]}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" width="200" align="left" headerAlign="center"> |
|||
<template slot-scope="scope"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.remark" placement="top"> |
|||
<div>{{ formatContent(scope.row.remark) }}</div> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column v-if="project.sstatus =='草稿'||project.sstatus =='进行中'||project.sstatus =='已驳回'" |
|||
header-align="center" align="center" width="140" label="操作"> |
|||
<template slot-scope="scope"> |
|||
<el-link style="cursor: pointer" |
|||
v-if="project.sstatus =='草稿'||project.sstatus =='进行中'||project.sstatus =='已驳回'" |
|||
@click="editIncome(scope.row)">修改</el-link> |
|||
<el-link style="cursor: pointer" v-if="project.sstatus =='草稿'||project.sstatus =='已驳回'" |
|||
@click="removeIncome(scope.row)">删除</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<MachineProjectDetailForm ref="machineProjectDetailForm" v-if="projectDetalVisible" |
|||
@selectIncomeFinished="incomeFinished"></MachineProjectDetailForm> |
|||
</div> |
|||
|
|||
</template> |
|||
<script> |
|||
import MachineProjectDetailForm from './machineProjectDetailForm.vue' |
|||
import { deleteProjectIncome } from '../../../../api/machine/machineProjectIncome' |
|||
|
|||
export default { |
|||
name: 'machineProjectPlanTable', |
|||
components: { |
|||
MachineProjectDetailForm, |
|||
}, |
|||
props: { |
|||
project: { |
|||
type: Object, |
|||
required: true, |
|||
}, |
|||
projectIncome: { |
|||
type: Array, |
|||
required: true, |
|||
}, |
|||
height: { |
|||
type: [Number, String], |
|||
default: 300, |
|||
}, |
|||
authFlag: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
saveQuoteDetail: {}, |
|||
saveLoading: false, |
|||
queryLoading: false, |
|||
saveVisible: false, |
|||
projectDetalVisible: false, |
|||
saveQuoteDetailRules: {}, |
|||
columns: [ |
|||
/* { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1BuDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'incomeNo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '费用编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, */ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerNo', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'incomeName', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '费用描述', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 140, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1CustomerDesc', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'incomeBudget', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: '预算金额', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1RequesterName', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'actualExpenses', |
|||
headerAlign: 'center', |
|||
align: 'right', |
|||
columnLabel: '实际开销', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5012, |
|||
serialNumber: '5012Table1QuoterName', |
|||
tableId: '5012Table1', |
|||
tableName: '项目信息', |
|||
columnProp: 'currencyDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '币种', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80, |
|||
}, |
|||
], |
|||
formVisible: false, |
|||
|
|||
quoteGroupDetail: {}, |
|||
drawerVisible: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
addIncome() { |
|||
this.projectDetalVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectDetailForm.add(this.project) |
|||
}) |
|||
}, |
|||
editIncome(record) { |
|||
this.projectDetalVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectDetailForm.edit(record, this.project) |
|||
}) |
|||
}, |
|||
removeIncome(row) { |
|||
this.$confirm('确认删除该项目信息吗？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}).then(() => { |
|||
this.handleRemoveIncome(row) |
|||
}) |
|||
}, |
|||
handleRemoveIncome(row) { |
|||
let params = { |
|||
id: row.id, |
|||
} |
|||
deleteProjectIncome(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success(data.msg) |
|||
this.incomeFinished() |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
incomeFinished() { |
|||
this.$emit('IncomeFinished') |
|||
}, |
|||
formatContent(content, length = 15) { |
|||
if (content && content.length > length) { |
|||
return content.substr(0, length) + '...' |
|||
} |
|||
return content |
|||
}, |
|||
}, |
|||
|
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,214 @@ |
|||
<template> |
|||
<div style="height:100%" class="planDetail"> |
|||
<el-dialog :title="model.id? '编辑' :'新增'" v-drag :close-on-click-modal="false" :append-to-body='true' :visible.sync="saveVisible" |
|||
width="500px"> |
|||
<el-form ref="saveForm" :model="model" :rules="saveRules" label-position="top" label-width="100px"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="计划描述" prop="planDescribe" :show-message="false"> |
|||
<el-input v-model="model.planDescribe" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="计划开始时间" prop="startDate" :show-message="false"> |
|||
<el-date-picker style="width: 120px" v-model="model.startDate" type="date" value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="计划完成时间" prop="endDate" :show-message="false"> |
|||
<el-date-picker style="width: 120px" v-model="model.endDate" type="date" value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注" prop="remark" class="auto" :show-message="false"> |
|||
<el-input v-model="model.remark" :disabled="detailFlag" :rows="3" :max="255" type="textarea"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" v-if="!detailFlag" @click="handleSaveOrUpdatePlan" :loading="saveLoading">确 |
|||
定</el-button> |
|||
<el-button @click="saveVisible = false">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
saveMachineProjectPlan, |
|||
updateMachineProjectPlan, |
|||
} from '../../../../api/machine/machineProjectIncome' |
|||
export default { |
|||
name: 'machineProjectPlanDetailForm', |
|||
components: {}, |
|||
props: { |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
saveVisible: false, |
|||
detailFlag: false, |
|||
userList: [], |
|||
saveRules: { |
|||
buId: [ |
|||
{ required: true, message: '请选择BU', trigger: ['blur', 'change'] }, |
|||
], |
|||
projectName: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入项目名称', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
responsibleNo: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择项目负责人', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
}, |
|||
saveLoading: false, |
|||
validatorRules: { |
|||
contactsName: [{ required: true, message: '请输入姓名!' }], |
|||
phone: [ |
|||
{ |
|||
required: true, |
|||
pattern: /^1[3456789]\d{9}$/, |
|||
message: '请输入正确的手机号码!', |
|||
}, |
|||
], |
|||
}, |
|||
url: {}, |
|||
visible: false, |
|||
disableSubmit: false, |
|||
loading: false, |
|||
} |
|||
}, |
|||
computed: {}, |
|||
created() { |
|||
//备份model原始值 |
|||
this.modelDefault = JSON.parse(JSON.stringify(this.model)) |
|||
}, |
|||
methods: { |
|||
add(record) { |
|||
console.log(record); |
|||
|
|||
this.saveVisible = true |
|||
this.model = JSON.parse(JSON.stringify({})) |
|||
|
|||
this.model.site = record.site |
|||
this.model.buNo = record.buNo |
|||
this.model.projectNo = record.projectNo |
|||
this.model.projectName = record.projectName |
|||
}, |
|||
edit(record) { |
|||
console.log("????"); |
|||
|
|||
this.saveVisible = true |
|||
this.model = JSON.parse(JSON.stringify(record)) |
|||
}, |
|||
queryById(id) { |
|||
let params = { |
|||
id: id, |
|||
} |
|||
getMachineById(params).then((res) => { |
|||
this.model = res.data.record |
|||
console.log('res', this.model) |
|||
}) |
|||
}, |
|||
handleSaveOrUpdatePlan() { |
|||
this.$refs.saveForm.validate((valid, obj) => { |
|||
if (valid) { |
|||
if (this.model.id) { |
|||
this.handleUpdatePlan() |
|||
} else { |
|||
this.handleSavePlan() |
|||
} |
|||
} else { |
|||
let i = 1 |
|||
for (let key in obj) { |
|||
this.$message.warning(obj[key][0].message) |
|||
if (i === 1) { |
|||
return |
|||
} |
|||
i++ |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleSavePlan() { |
|||
let params = { |
|||
...this.model, |
|||
createBy: this.$store.state.user.name, |
|||
} |
|||
|
|||
this.saveLoading = true |
|||
saveMachineProjectPlan(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
handleUpdatePlan() { |
|||
let params = { |
|||
...this.model, |
|||
updateBy: this.$store.state.user.name, |
|||
site: this.$store.state.user.site, |
|||
} |
|||
this.saveLoading = true |
|||
updateMachineProjectPlan(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.currentQuote = { |
|||
...this.currentQuote, |
|||
} |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
getLabel() { |
|||
this.$nextTick(() => { |
|||
this.model.responsiblePerson = |
|||
this.$refs.responsiblePerson.selectedLabel |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,263 @@ |
|||
<template> |
|||
<div> |
|||
<el-button v-if="!authFlag" :disabled="this.project.sstatus != '进行中'" @click="addPlan()">新增</el-button> |
|||
<el-table v-loading="queryLoading" border :data="projectPlan" style="width: 100%;margin-top: 5px" :height="height"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" :fixed="item.fixed === ''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.column.property == 'planDescribe'"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.planDescribe" placement="top"> |
|||
<div>{{ formatContent(scope.row.planDescribe) }}</div> |
|||
</el-tooltip> |
|||
</span> |
|||
<span v-else-if="scope.column.property == 'remark'"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.remark" placement="top"> |
|||
<div>{{ formatContent(scope.row.remark) }}</div> |
|||
</el-tooltip> |
|||
</span> |
|||
<span v-else>{{scope.row[scope.column.property]}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" v-if="!authFlag && this.project.sstatus == '进行中'" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-link style="cursor: pointer" @click="editPlan(scope.row)">修改</el-link> |
|||
<el-link style="cursor: pointer" @click="removePlan(scope.row)">删除</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<MachineProjectPlanDetailForm ref="machineProjectPlanDetailForm" v-if="formVisible" |
|||
@selectFinished="planTableFinished"></MachineProjectPlanDetailForm> |
|||
</div> |
|||
|
|||
</template> |
|||
<script> |
|||
import MachineProjectPlanDetailForm from './machineProjectPlanDetailForm.vue' |
|||
import { deleteProjectPlan } from '../../../../api/machine/machineProjectIncome' |
|||
|
|||
export default { |
|||
name: 'machineProjectPlanTable', |
|||
components: { |
|||
MachineProjectPlanDetailForm, |
|||
}, |
|||
props: { |
|||
project: { |
|||
type: Object, |
|||
required: true, |
|||
}, |
|||
projectPlan: { |
|||
type: Array, |
|||
required: true, |
|||
}, |
|||
height: { |
|||
type: [Number, String], |
|||
default: 300, |
|||
}, |
|||
authFlag: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
saveQuoteDetail: {}, |
|||
saveLoading: false, |
|||
queryLoading: false, |
|||
saveVisible: false, |
|||
saveQuoteDetailRules: { |
|||
partNo: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入物料编码', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
partDesc: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入物料名称', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
qty: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入数量', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
type: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择TP类型', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
costModel: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择Cost Model', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
}, |
|||
columns: [ |
|||
/* { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartNo', |
|||
tableId: '5011Table2', |
|||
tableName: '项目计划表', |
|||
columnProp: 'planNo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '计划编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, */ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartDesc', |
|||
tableId: '5011Table2', |
|||
tableName: '项目计划表', |
|||
columnProp: 'planDescribe', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '计划描述', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 200, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Qty', |
|||
tableId: '5011Table2', |
|||
tableName: '项目计划表', |
|||
columnProp: 'startDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '计划开始时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustBomUnYield', |
|||
tableId: '5011Table2', |
|||
tableName: '项目计划表', |
|||
columnProp: 'endDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '计划完成时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustLabourCost', |
|||
tableId: '5011Table2', |
|||
tableName: '项目计划表', |
|||
columnProp: 'remark', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '备注', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
], |
|||
formVisible: false, |
|||
|
|||
quoteGroupDetail: {}, |
|||
drawerVisible: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
addPlan() { |
|||
this.formVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectPlanDetailForm.add(this.project) |
|||
}) |
|||
}, |
|||
editPlan(row) { |
|||
this.formVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectPlanDetailForm.edit(row) |
|||
}) |
|||
}, |
|||
planTableFinished() { |
|||
this.$emit('planFinished') |
|||
}, |
|||
removePlan(row) { |
|||
this.$confirm('确认删除该项目信息吗？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}).then(() => { |
|||
this.handleRemovePlan(row) |
|||
}) |
|||
}, |
|||
handleRemovePlan(row) { |
|||
let params = { |
|||
id: row.id, |
|||
} |
|||
deleteProjectPlan(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success(data.msg) |
|||
this.planTableFinished() |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
formatContent(content, length = 15) { |
|||
if (content && content.length > length) { |
|||
return content.substr(0, length) + '...' |
|||
} |
|||
return content |
|||
}, |
|||
}, |
|||
|
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,190 @@ |
|||
<template> |
|||
<div> |
|||
<el-dialog :title="model.id? '编辑' :'新增'" v-drag :close-on-click-modal="false" :append-to-body='true' :visible.sync="saveVisible" |
|||
width="500px"> |
|||
<el-form ref="saveForm" :model="model" :rules="saveRules" label-position="top" label-width="100px"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="16"> |
|||
<el-form-item label="任务描述" prop="taskDescribe" :show-message="false"> |
|||
<el-input v-model="model.taskDescribe" :disabled="detailFlag"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="任务开始时间" prop="startDate" :show-message="false"> |
|||
<el-date-picker style="width: 120px" v-model="model.startDate" type="date" value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="任务完成时间" prop="endDate" :show-message="false"> |
|||
<el-date-picker style="width: 120px" v-model="model.endDate" type="date" value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注" prop="remark" class="auto" :show-message="false"> |
|||
<el-input v-model="model.remark" :disabled="detailFlag" :rows="3" :max="255" type="textarea"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" v-if="!detailFlag" @click="handleSaveOrUpdateTask" :loading="saveLoading">确 |
|||
定</el-button> |
|||
<el-button @click="saveVisible = false">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
saveMachineProjectTask, |
|||
updateMachineProjectTask, |
|||
} from '../../../../api/machine/machineProjectIncome' |
|||
export default { |
|||
name: 'machineProjectPlanDetailForm', |
|||
components: {}, |
|||
props: { |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
saveVisible: false, |
|||
detailFlag: false, |
|||
userList: [], |
|||
saveRules: { |
|||
buId: [ |
|||
{ required: true, message: '请选择BU', trigger: ['blur', 'change'] }, |
|||
], |
|||
projectName: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入项目名称', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
responsibleNo: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择项目负责人', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
}, |
|||
saveLoading: false, |
|||
url: {}, |
|||
visible: false, |
|||
disableSubmit: false, |
|||
loading: false, |
|||
} |
|||
}, |
|||
computed: {}, |
|||
created() { |
|||
//备份model原始值 |
|||
this.modelDefault = JSON.parse(JSON.stringify(this.model)) |
|||
}, |
|||
methods: { |
|||
add(record) { |
|||
this.saveVisible = true |
|||
this.model = JSON.parse(JSON.stringify({})) |
|||
|
|||
this.model.site = record.site |
|||
this.model.buNo = record.buNo |
|||
this.model.projectNo = record.projectNo |
|||
this.model.projectName = record.projectName |
|||
}, |
|||
edit(record) { |
|||
this.saveVisible = true |
|||
this.model = JSON.parse(JSON.stringify(record)) |
|||
}, |
|||
handleSaveOrUpdateTask() { |
|||
this.$refs.saveForm.validate((valid, obj) => { |
|||
if (valid) { |
|||
if (this.model.id) { |
|||
this.handleUpdateTask() |
|||
} else { |
|||
this.handleSaveTask() |
|||
} |
|||
} else { |
|||
let i = 1 |
|||
for (let key in obj) { |
|||
this.$message.warning(obj[key][0].message) |
|||
if (i === 1) { |
|||
return |
|||
} |
|||
i++ |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
handleSaveTask() { |
|||
let params = { |
|||
...this.model, |
|||
createBy: this.$store.state.user.name, |
|||
} |
|||
|
|||
this.saveLoading = true |
|||
saveMachineProjectTask(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
handleUpdateTask() { |
|||
let params = { |
|||
...this.model, |
|||
updateBy: this.$store.state.user.name, |
|||
site: this.$store.state.user.site, |
|||
} |
|||
this.saveLoading = true |
|||
updateMachineProjectTask(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.saveVisible = false |
|||
this.currentQuote = { |
|||
...this.currentQuote, |
|||
} |
|||
this.$message.success(data.msg) |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
this.$emit('selectFinished') |
|||
this.saveLoading = false |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
this.saveLoading = false |
|||
}) |
|||
}, |
|||
getLabel() { |
|||
this.$nextTick(() => { |
|||
this.model.responsiblePerson = |
|||
this.$refs.responsiblePerson.selectedLabel |
|||
}) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content { |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,262 @@ |
|||
<template> |
|||
<div> |
|||
<el-button v-if="!authFlag" :disabled="this.project.sstatus != '进行中'" @click="addTask()">新增</el-button> |
|||
<el-table v-loading="queryLoading" border :data="projectTask" style="width: 100%;margin-top: 5px" :height="height"> |
|||
<el-table-column type="index" width="55" align="center" label="序号"></el-table-column> |
|||
<el-table-column v-for="(item,index) in columns" :key="index" :sortable="item.columnSortable" |
|||
:prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" :fixed="item.fixed === ''?false:item.fixed" :min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.column.property == 'taskDescribe'"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.taskDescribe" placement="top"> |
|||
<div>{{ formatContent(scope.row.taskDescribe) }}</div> |
|||
</el-tooltip> |
|||
</span> |
|||
<span v-else-if="scope.column.property == 'remark'"> |
|||
<el-tooltip class="item" effect="dark" :content="scope.row.remark" placement="top"> |
|||
<div>{{ formatContent(scope.row.remark) }}</div> |
|||
</el-tooltip> |
|||
</span> |
|||
<span v-else>{{scope.row[scope.column.property]}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column label="操作" v-if="!authFlag && this.project.sstatus == '进行中'" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-link style="cursor: pointer" @click="editTask(scope.row)">修改</el-link> |
|||
<el-link style="cursor: pointer" @click="removeTask(scope.row)">删除</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<MachineProjectTaskDetailForm ref="machineProjectTaskDetailForm" v-if="formVisible" |
|||
@selectFinished="taskTableFinished"></MachineProjectTaskDetailForm> |
|||
</div> |
|||
|
|||
</template> |
|||
<script> |
|||
import MachineProjectTaskDetailForm from './machineProjectTaskDetailForm.vue' |
|||
import { deleteProjectTask } from '../../../../api/machine/machineProjectIncome' |
|||
|
|||
export default { |
|||
name: 'machineProjectPlanTable', |
|||
components: { |
|||
MachineProjectTaskDetailForm, |
|||
}, |
|||
|
|||
props: { |
|||
project: { |
|||
type: Object, |
|||
required: true, |
|||
}, |
|||
projectTask: { |
|||
type: Array, |
|||
required: true, |
|||
}, |
|||
height: { |
|||
type: [Number, String], |
|||
default: 300, |
|||
}, |
|||
authFlag: { |
|||
type: Boolean, |
|||
default: false, |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
model: {}, |
|||
saveQuoteDetail: {}, |
|||
dataList: [], |
|||
saveLoading: false, |
|||
queryLoading: false, |
|||
saveVisible: false, |
|||
saveQuoteDetailRules: { |
|||
partNo: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入物料编码', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
partDesc: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入物料名称', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
qty: [ |
|||
{ |
|||
required: true, |
|||
message: '请输入数量', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
type: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择TP类型', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
costModel: [ |
|||
{ |
|||
required: true, |
|||
message: '请选择Cost Model', |
|||
trigger: ['blur', 'change'], |
|||
}, |
|||
], |
|||
}, |
|||
columns: [ |
|||
/* { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartNo', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'taskNo', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '任务编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, */ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2PartDesc', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'taskDescribe', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '任务描述', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 200, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2Qty', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'startDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '任务开始时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 100, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustBomUnYield', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'endDate', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '任务完成时间', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 130, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 5011, |
|||
serialNumber: '5011Table2AdjustLabourCost', |
|||
tableId: '5011Table2', |
|||
tableName: '项目任务表', |
|||
columnProp: 'remark', |
|||
headerAlign: 'center', |
|||
align: 'left', |
|||
columnLabel: '备注', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 120, |
|||
}, |
|||
], |
|||
formVisible: false, |
|||
|
|||
quoteGroupDetail: {}, |
|||
drawerVisible: false, |
|||
} |
|||
}, |
|||
methods: { |
|||
addTask() { |
|||
this.formVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectTaskDetailForm.add(this.project) |
|||
}) |
|||
}, |
|||
editTask(row) { |
|||
this.formVisible = true |
|||
this.$nextTick(() => { |
|||
this.$refs.machineProjectTaskDetailForm.edit(row) |
|||
}) |
|||
}, |
|||
taskTableFinished() { |
|||
this.$emit('taskFinished') |
|||
}, |
|||
removeTask(row) { |
|||
this.$confirm('确认删除该项目信息吗？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning', |
|||
}).then(() => { |
|||
this.handleRemoveTask(row) |
|||
}) |
|||
}, |
|||
handleRemoveTask(row) { |
|||
let params = { |
|||
id: row.id, |
|||
} |
|||
deleteProjectTask(params) |
|||
.then(({ data }) => { |
|||
if (data && data.code === 0) { |
|||
this.$message.success(data.msg) |
|||
this.taskTableFinished() |
|||
} else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
.catch((error) => { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
formatContent(content, length = 15) { |
|||
if (content && content.length > length) { |
|||
return content.substr(0, length) + '...' |
|||
} |
|||
return content |
|||
}, |
|||
}, |
|||
|
|||
watch: {}, |
|||
} |
|||
</script> |
|||
|
|||
|
|||
1776
src/views/modules/orderIssure/soIssueNotify/searchConfirmIssureNotify.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,341 @@ |
|||
<script> |
|||
import {ossUpload, previewOssFileById, previewOssFileById2, removeOss} from "../../../api/oss/oss"; |
|||
import {projectIncomeUpload,projectIncomeQueryOss} from "../../../api/machine/machineProjectIncome"; |
|||
import XLSX from 'xlsx'; |
|||
import jsPDF from 'jspdf'; |
|||
import * as mammoth from 'mammoth'; // Ensure it's correctly imported |
|||
|
|||
export default { |
|||
name: "ossProjectComponents", |
|||
props:{ |
|||
orderRef1:{ |
|||
type:String, |
|||
default:'' |
|||
}, |
|||
orderRef2:{ |
|||
type:[Number,String], |
|||
default:'' |
|||
}, |
|||
rfqNo:{ |
|||
type:String, |
|||
default:'' |
|||
}, |
|||
columns:{ |
|||
type:Array, |
|||
required:true |
|||
}, |
|||
height:{ |
|||
type:[String,Number], |
|||
default:'35vh' |
|||
}, |
|||
title:{ |
|||
type:String, |
|||
default:'附件信息' |
|||
}, |
|||
label:{ |
|||
type:String, |
|||
default:'单号' |
|||
}, |
|||
disabled:{ |
|||
type:Boolean, |
|||
default:false |
|||
}, |
|||
}, |
|||
data(){ |
|||
return{ |
|||
dataList:[], |
|||
queryLoading:false, |
|||
uploadLoading:false, |
|||
selectionDataList:[], |
|||
ossVisible:false, |
|||
ossForm:{ |
|||
orderRef2:'', |
|||
rfqNo:'', |
|||
remark:'' |
|||
}, |
|||
fileList:[], |
|||
} |
|||
}, |
|||
methods:{ |
|||
handleSelectionChange(val){ |
|||
this.selectionDataList = val |
|||
}, |
|||
handleQuery(){ |
|||
if (!this.params.orderRef1 && !this.params.orderRef2){ |
|||
return; |
|||
} |
|||
let params = { |
|||
...this.params, |
|||
} |
|||
this.queryLoading = true; |
|||
projectIncomeQueryOss(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.dataList = data.rows; |
|||
}else { |
|||
this.$message.warning(data.msg); |
|||
} |
|||
this.queryLoading = false; |
|||
}).catch((error)=>{ |
|||
this.$message.error(error); |
|||
this.queryLoading = false; |
|||
}) |
|||
}, |
|||
handleUpload(){ |
|||
this.ossForm.rfqNo = this.rfqNo |
|||
this.$nextTick(()=>{ |
|||
if (this.$refs.upload){ |
|||
this.$refs.upload.clearFiles(); |
|||
} |
|||
}) |
|||
this.fileList = []; |
|||
this.ossForm.remark = ''; |
|||
this.ossVisible = true |
|||
}, |
|||
onRemoveFile(file, fileList){ |
|||
this.fileList = fileList |
|||
}, |
|||
onChangeFile(file, fileList){ |
|||
this.fileList = fileList |
|||
}, |
|||
handleUploadFiles(){ |
|||
if (this.fileList.length === 0){ |
|||
this.$message.error('请选择文件'); |
|||
return; |
|||
} |
|||
let formData = new FormData(); |
|||
for (let i = 0; i < this.fileList.length; i++) { |
|||
formData.append('file', this.fileList[i].raw); |
|||
} |
|||
formData.append('orderRef1', this.orderRef1); |
|||
formData.append('orderRef2', this.orderRef2); |
|||
formData.append('orderRef3', this.rfqNo); |
|||
formData.append('createdBy', this.$store.state.user.name); |
|||
formData.append('cAdditionalInfo', this.ossForm.remark); |
|||
|
|||
this.uploadLoading = true; |
|||
projectIncomeUpload(formData).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg); |
|||
this.handleQuery(); |
|||
this.ossVisible = false; |
|||
}else { |
|||
this.$message.warning(data.msg); |
|||
} |
|||
this.uploadLoading = false; |
|||
}).catch((error)=>{ |
|||
this.$message.error(error); |
|||
this.uploadLoading = false; |
|||
}) |
|||
}, |
|||
handleRemove(row){ |
|||
this.$confirm('确认删除吗？', '提示').then(() => { |
|||
let ids = [row.id] |
|||
removeOss(ids).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg); |
|||
this.handleQuery(); |
|||
}else { |
|||
this.$message.warning(data.msg); |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error); |
|||
}) |
|||
}).catch(()=>{ |
|||
|
|||
}) |
|||
}, |
|||
previewFile(row){ |
|||
// 预览文件 |
|||
let type = ''; |
|||
let image = ['jpg', 'jpeg', 'png', 'gif', 'bmp']; |
|||
if (image.includes(row.fileType.toLowerCase())){ |
|||
type = 'image/' + row.fileType; |
|||
} |
|||
let video = ['mp4', 'avi', 'mov', 'wmv', 'flv']; |
|||
if (video.includes(row.fileType.toLowerCase())){ |
|||
type = 'video/' + row.fileType; |
|||
} |
|||
|
|||
let txt = ['txt']; |
|||
if (txt.includes(row.fileType.toLowerCase())){ |
|||
type = 'text/plain;charset=utf-8'; |
|||
} |
|||
let office = ['doc', 'ppt', 'pptx']; |
|||
if (office.includes(row.fileType.toLowerCase())){ |
|||
this.$message.warning(`该文件格式暂不支持预览`) |
|||
return |
|||
} |
|||
|
|||
let excel = ['xlsx','xls']; |
|||
if (excel.includes(row.fileType.toLowerCase())){ |
|||
type = 'excel'; |
|||
} |
|||
let word = ['docx']; |
|||
if (word.includes(row.fileType.toLowerCase())){ |
|||
type = 'word' |
|||
} |
|||
let pdf = ['pdf']; |
|||
if (pdf.includes(row.fileType.toLowerCase())){ |
|||
type = 'application/pdf;charset-UTF-8'; |
|||
} |
|||
|
|||
if (type === ''){ |
|||
this.$message.warning(`该文件格式暂不支持预览`) |
|||
return; |
|||
} |
|||
let params = { |
|||
id:row.id, |
|||
fileType:type |
|||
} |
|||
previewOssFileById2(params).then(({data}) => { |
|||
if (type === 'excel' || type === 'word'){ |
|||
type = 'application/pdf;charset=UTF-8' |
|||
} |
|||
const blob = new Blob([data], { type: type }); |
|||
// 创建URL来生成预览 |
|||
const fileURL = URL.createObjectURL(blob); |
|||
if (type === 'xls' || type === 'docx' || type === 'xlsx'){ |
|||
const { href } = this.$router.resolve({ |
|||
name: 'pre', |
|||
query:{ |
|||
src: fileURL, |
|||
type: 'pdf' // 直接传递 pdf 类型 |
|||
} |
|||
}) |
|||
window.open(href, '_blank') |
|||
}else { |
|||
// 在新标签页中打开文件预览 |
|||
const newTab = window.open(fileURL, '_blank'); |
|||
} |
|||
}); |
|||
}, |
|||
handleDownload(){ |
|||
if (this.selectionDataList.length === 0){ |
|||
this.$message.warning('请选择要下载的附件'); |
|||
return; |
|||
} |
|||
for (let i = 0; i < this.selectionDataList.length; i++) { |
|||
let params = { |
|||
id:this.selectionDataList[i].id, |
|||
} |
|||
previewOssFileById(params).then((response) => { |
|||
const blob = new Blob([response.data], { type: response.headers['content-type'] }); |
|||
const link = document.createElement('a'); |
|||
link.href = URL.createObjectURL(blob); |
|||
link.setAttribute('download', this.selectionDataList[i].fileName); |
|||
link.target = '_blank'; // 打开新窗口预览 |
|||
link.click(); |
|||
URL.revokeObjectURL(link.href); |
|||
this.$refs.table.clearSelection(); |
|||
}); |
|||
} |
|||
} |
|||
}, |
|||
computed:{ |
|||
params:{ |
|||
get(){ |
|||
return{ |
|||
orderRef1:this.orderRef1, |
|||
orderRef2:this.orderRef2, |
|||
orderRef3:this.rfqNo, |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
watch:{ |
|||
params:{ |
|||
handler(){ |
|||
this.ossForm.orderRef2 = this.orderRef2; |
|||
this.ossForm.rfqNo = this.rfqNo; |
|||
this.dataList = []; |
|||
this.handleQuery(); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<el-button type="primary" v-if="this.orderRef1 && this.orderRef2 && !disabled" @click="handleUpload">上传附件</el-button> |
|||
<el-button type="primary" @click="handleDownload">下载</el-button> |
|||
<el-table |
|||
:height="height" |
|||
:data="dataList" |
|||
ref="table" |
|||
v-loading="queryLoading" |
|||
border |
|||
@selection-change="handleSelectionChange" |
|||
style="width: 100%;margin-top: 5px"> |
|||
<el-table-column type="selection" label="序号" align="center"/> |
|||
<el-table-column |
|||
v-for="(item,index) in columns" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed===''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
fixed="right" |
|||
header-align="center" |
|||
align="center" |
|||
width="120" |
|||
label="操作"> |
|||
<template slot-scope="{row,$index}"> |
|||
<el-link style="cursor:pointer;" v-if="!disabled" @click="handleRemove(row)">删除</el-link> |
|||
<el-link style="cursor:pointer;" @click="previewFile(row)">预览</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<el-dialog :title="title" :visible.sync="ossVisible" v-drag width="400px" append-to-body :close-on-click-modal="false"> |
|||
<el-form ref="form" :model="ossForm" label-width="80px" label-position="top"> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<el-form-item label="项目单号"> |
|||
<el-input v-model="ossForm.rfqNo" readonly></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<slot></slot> |
|||
<el-col :span="24"> |
|||
<el-form-item label=" " class="auto"> |
|||
<el-upload drag :file-list="fileList" |
|||
action="#" ref="upload" |
|||
:on-remove="onRemoveFile" |
|||
:on-change="onChangeFile" |
|||
multiple |
|||
:auto-upload="false"> |
|||
<i class="el-icon-upload"></i> |
|||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="备注" class="auto"> |
|||
<el-input type="textarea" v-model="ossForm.remark" resize="none" :autosize="{minRows: 3, maxRows: 3}"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" :loading="uploadLoading" @click="handleUploadFiles">确定</el-button> |
|||
<el-button @click="ossVisible = false">关闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
.auto /deep/ .el-form-item__content{ |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue