commit
de1248a84b
26 changed files with 14277 additions and 0 deletions
@ -0,0 +1,23 @@ |
|||||||
|
.DS_Store |
||||||
|
node_modules |
||||||
|
/dist |
||||||
|
|
||||||
|
|
||||||
|
# local env files |
||||||
|
.env.local |
||||||
|
.env.*.local |
||||||
|
|
||||||
|
# Log files |
||||||
|
npm-debug.log* |
||||||
|
yarn-debug.log* |
||||||
|
yarn-error.log* |
||||||
|
pnpm-debug.log* |
||||||
|
|
||||||
|
# Editor directories and files |
||||||
|
.idea |
||||||
|
.vscode |
||||||
|
*.suo |
||||||
|
*.ntvs* |
||||||
|
*.njsproj |
||||||
|
*.sln |
||||||
|
*.sw? |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
# yxgck-life-cycle |
||||||
|
|
||||||
|
## Project setup |
||||||
|
``` |
||||||
|
npm install |
||||||
|
``` |
||||||
|
|
||||||
|
### Compiles and hot-reloads for development |
||||||
|
``` |
||||||
|
npm run serve |
||||||
|
``` |
||||||
|
|
||||||
|
### Compiles and minifies for production |
||||||
|
``` |
||||||
|
npm run build |
||||||
|
``` |
||||||
|
|
||||||
|
### Lints and fixes files |
||||||
|
``` |
||||||
|
npm run lint |
||||||
|
``` |
||||||
|
|
||||||
|
### Customize configuration |
||||||
|
See [Configuration Reference](https://cli.vuejs.org/config/). |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
module.exports = { |
||||||
|
presets: [ |
||||||
|
'@vue/cli-plugin-babel/preset' |
||||||
|
] |
||||||
|
} |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
{ |
||||||
|
"compilerOptions": { |
||||||
|
"target": "es5", |
||||||
|
"module": "esnext", |
||||||
|
"baseUrl": "./", |
||||||
|
"moduleResolution": "node", |
||||||
|
"paths": { |
||||||
|
"@/*": [ |
||||||
|
"src/*" |
||||||
|
] |
||||||
|
}, |
||||||
|
"lib": [ |
||||||
|
"esnext", |
||||||
|
"dom", |
||||||
|
"dom.iterable", |
||||||
|
"scripthost" |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
{ |
||||||
|
"name": "yxgck-life-cycle", |
||||||
|
"version": "0.1.0", |
||||||
|
"private": true, |
||||||
|
"scripts": { |
||||||
|
"serve": "vue-cli-service serve", |
||||||
|
"build": "vue-cli-service build", |
||||||
|
"lint": "vue-cli-service lint" |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"core-js": "^3.8.3", |
||||||
|
"element-ui": "^2.15.13", |
||||||
|
"vue": "^2.6.14", |
||||||
|
"vue-router": "^3.6.5" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"@babel/core": "^7.12.16", |
||||||
|
"@babel/eslint-parser": "^7.12.16", |
||||||
|
"@vue/cli-plugin-babel": "~5.0.0", |
||||||
|
"@vue/cli-plugin-eslint": "~5.0.0", |
||||||
|
"@vue/cli-service": "~5.0.0", |
||||||
|
"eslint": "^7.32.0", |
||||||
|
"eslint-plugin-vue": "^8.0.3", |
||||||
|
"vue-template-compiler": "^2.6.14" |
||||||
|
}, |
||||||
|
"eslintConfig": { |
||||||
|
"root": true, |
||||||
|
"env": { |
||||||
|
"node": true |
||||||
|
}, |
||||||
|
"extends": [ |
||||||
|
"plugin:vue/essential", |
||||||
|
"eslint:recommended" |
||||||
|
], |
||||||
|
"parserOptions": { |
||||||
|
"parser": "@babel/eslint-parser" |
||||||
|
}, |
||||||
|
"rules": {} |
||||||
|
}, |
||||||
|
"browserslist": [ |
||||||
|
"> 1%", |
||||||
|
"last 2 versions", |
||||||
|
"not dead" |
||||||
|
] |
||||||
|
} |
||||||
@ -0,0 +1,122 @@ |
|||||||
|
html { |
||||||
|
color: #000; |
||||||
|
background: #FFF; |
||||||
|
} |
||||||
|
|
||||||
|
body, |
||||||
|
div, |
||||||
|
dl, |
||||||
|
dt, |
||||||
|
dd, |
||||||
|
ul, |
||||||
|
ol, |
||||||
|
li, |
||||||
|
h1, |
||||||
|
h2, |
||||||
|
h3, |
||||||
|
h4, |
||||||
|
h5, |
||||||
|
h6, |
||||||
|
pre, |
||||||
|
form, |
||||||
|
fieldset, |
||||||
|
input, |
||||||
|
textarea, |
||||||
|
p, |
||||||
|
blockquote, |
||||||
|
th, |
||||||
|
td { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
table { |
||||||
|
border-collapse: collapse; |
||||||
|
border-spacing: 0; |
||||||
|
} |
||||||
|
|
||||||
|
fieldset, |
||||||
|
img { |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
|
||||||
|
address, |
||||||
|
caption, |
||||||
|
cite, |
||||||
|
code, |
||||||
|
dfn, |
||||||
|
em, |
||||||
|
strong, |
||||||
|
th, |
||||||
|
var { |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
|
||||||
|
ol, |
||||||
|
ul { |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
|
||||||
|
caption, |
||||||
|
th { |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
h1, |
||||||
|
h2, |
||||||
|
h3, |
||||||
|
h4, |
||||||
|
h5, |
||||||
|
h6 { |
||||||
|
font-size: initial; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
|
||||||
|
q:before, |
||||||
|
q:after { |
||||||
|
content: ''; |
||||||
|
} |
||||||
|
|
||||||
|
abbr, |
||||||
|
acronym { |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.el-menu.el-menu--horizontal { |
||||||
|
border-bottom: none !important |
||||||
|
} |
||||||
|
|
||||||
|
.el-menu--horizontal>.el-menu-item.is-active { |
||||||
|
border-bottom: 2px solid #fff !important; |
||||||
|
color: #303133; |
||||||
|
} |
||||||
|
|
||||||
|
.box { |
||||||
|
margin: 16px 16px 0 16px; |
||||||
|
} |
||||||
|
|
||||||
|
/* 定制整个滚动条 */ |
||||||
|
::-webkit-scrollbar { |
||||||
|
width: 8px; |
||||||
|
height: 8px; |
||||||
|
/* 设置滚动条的宽度 */ |
||||||
|
} |
||||||
|
|
||||||
|
/* 定制滚动条轨道 */ |
||||||
|
::-webkit-scrollbar-track { |
||||||
|
background: #f1f1f1; |
||||||
|
/* 设置轨道的背景颜色 */ |
||||||
|
} |
||||||
|
|
||||||
|
/* 定制滚动条的滑块（thumb） */ |
||||||
|
::-webkit-scrollbar-thumb { |
||||||
|
background: #9e9d9d; |
||||||
|
/* 设置滑块的背景颜色 */ |
||||||
|
} |
||||||
|
|
||||||
|
/* 当滑块悬停或活动时的样式 */ |
||||||
|
::-webkit-scrollbar-thumb:hover { |
||||||
|
background: #8e8d8d; |
||||||
|
/* 设置滑块在悬停状态下的背景颜色 */ |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,19 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang=""> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||||
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
||||||
|
<title><%= htmlWebpackPlugin.options.title %></title> |
||||||
|
<link rel="stylesheet" href="./Reset.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<noscript> |
||||||
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
||||||
|
</noscript> |
||||||
|
<div id="app"></div> |
||||||
|
<!-- built files will be auto injected --> |
||||||
|
</body> |
||||||
|
</html> |
||||||
|
|
||||||
@ -0,0 +1,23 @@ |
|||||||
|
<template> |
||||||
|
<div id="app"> |
||||||
|
<nav-header/> |
||||||
|
<router-view></router-view> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import navHeader from './components/navHeader.vue' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'App', |
||||||
|
components: { |
||||||
|
navHeader, |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
|
||||||
|
</style> |
||||||
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
@ -0,0 +1,527 @@ |
|||||||
|
<template> |
||||||
|
<div class="box"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item :to="{ path: '/contract' }" |
||||||
|
>合同管理</el-breadcrumb-item |
||||||
|
> |
||||||
|
<el-breadcrumb-item>合同详情</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<div class="main-container"> |
||||||
|
<el-card class="box-card" shadow="always"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<h3>一、合同基本信息</h3> |
||||||
|
</div> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
label-width="120px" |
||||||
|
label-position="right" |
||||||
|
:disabled="readonly" |
||||||
|
:model="formInline" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="合同名称"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.htmc" |
||||||
|
placeholder="合同名称" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="项目名称"> |
||||||
|
<el-input v-model="formInline.ks" placeholder="项目名称"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="项目编号"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.ttmc" |
||||||
|
placeholder="项目编号" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="合同总金额(万元)"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.sl" |
||||||
|
placeholder="合同总金额(万元)" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="交接日期"> |
||||||
|
<el-input v-model="formInline.dw" placeholder="交接日期"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="验收日期"> |
||||||
|
<el-date-picker type="date" placeholder="选择日期"></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="交接人" label-width="85px"> |
||||||
|
<el-input v-model="formInline.dw" placeholder="交接人"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方公司"> |
||||||
|
<el-input placeholder="人福医疗"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方联系人"> |
||||||
|
<el-input placeholder="王丽"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方联系方式"> |
||||||
|
<el-input placeholder="17777777777"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-card> |
||||||
|
<el-card class="box-card" shadow="always"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<h3>二、合同标的</h3> |
||||||
|
<div class="bd-btns"> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
:disabled="readonly" |
||||||
|
size="small" |
||||||
|
icon="el-icon-plus" |
||||||
|
@click="onAddDevice" |
||||||
|
>新增</el-button |
||||||
|
> |
||||||
|
</div> |
||||||
|
<el-table |
||||||
|
ref="multipleTable" |
||||||
|
border |
||||||
|
fit |
||||||
|
:data="tableData" |
||||||
|
tooltip-effect="dark" |
||||||
|
style="width: 100%" |
||||||
|
:summary-method="getSummaries" |
||||||
|
show-summary |
||||||
|
@selection-change="handleSelectionChange" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55"> </el-table-column> |
||||||
|
<el-table-column type="index" width="50"> </el-table-column> |
||||||
|
<el-table-column label="设备名称" width="200"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.name" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="科室"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.ks" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="型号" width="200"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.xh" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="生产厂家" width="200"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.sccj" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="数量"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.sl" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="单价(万元)"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.dj" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="总价(万元)"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.zj" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="备注" width="180"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-input |
||||||
|
type="textarea" |
||||||
|
:disabled="readonly" |
||||||
|
v-model="scope.row.bz" |
||||||
|
></el-input> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button |
||||||
|
:disabled="readonly" |
||||||
|
size="mini" |
||||||
|
type="danger" |
||||||
|
@click="handleDelete(scope.$index, scope.row)" |
||||||
|
>删除</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</el-card> |
||||||
|
<el-card class="box-card" shadow="always"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<h3>三、合同进展</h3> |
||||||
|
</div> |
||||||
|
<el-collapse v-model="activeNames"> |
||||||
|
<el-collapse-item title="合同签订" name="3"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>合同签订</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-timeline-item |
||||||
|
v-for="(item, index) in htqd" |
||||||
|
:key="timestamps3[index]" |
||||||
|
:timestamp="timestamps3[index]" |
||||||
|
placement="top" |
||||||
|
> |
||||||
|
<el-card> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="item" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="经办人"> |
||||||
|
<el-input |
||||||
|
v-model="item.name" |
||||||
|
placeholder="经办人" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="进展"> |
||||||
|
<el-select v-model="item.process" placeholder="进展"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="开始时间"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="item.startDate" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="结束时间"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="item.endDate" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="item.remark"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-card> |
||||||
|
</el-timeline-item> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="设备验收" name="4"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>设备验收</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="sbys" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="sbys.zt" placeholder="采购状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="验收人"> |
||||||
|
<el-input v-model="sbys.name" placeholder="验收人"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="验收日期"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="sbys.date" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="档案号"> |
||||||
|
<el-input v-model="sbys.dah" placeholder="档案号"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="sbys.bz"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="付款" name="5"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>付款</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="fk" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="fk.zt" placeholder="采购状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="付款批次"> |
||||||
|
<el-input v-model="fk.fkpc" placeholder="付款批次"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="金额"> |
||||||
|
<el-input v-model="fk.je" placeholder="金额"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="fk.bz"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="质保金" name="6"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>质保金</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="zbj" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="zbj.zt" placeholder="状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="质保金到期日期"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="zbj.date" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="经办人"> |
||||||
|
<el-input v-model="zbj.name" placeholder="经办人"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="付款金额"> |
||||||
|
<el-input v-model="zbj.je" placeholder="付款金额"></el-input> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<el-form-item label="付款批次"> |
||||||
|
<el-input v-model="zbj.fkpc" placeholder="付款批次"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="zbj.bz"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
</el-collapse> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
<div class="operation-box"> |
||||||
|
<el-button type="primary" v-if="readonly" @click="edit">编辑</el-button> |
||||||
|
<el-button type="primary" v-else @click="cancel">取消</el-button> |
||||||
|
<el-button type="primary" @click="save">保存</el-button> |
||||||
|
<el-button @click="back">返回上页</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import cddata from "../../data/contactDataDetail"; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
formInline: { |
||||||
|
user: "", |
||||||
|
region: "", |
||||||
|
}, |
||||||
|
readonly: true, |
||||||
|
htqd: cddata.htqd, |
||||||
|
timestamps1: [ |
||||||
|
"组织需求形式审查 2018/4/12 20:46", |
||||||
|
"业务行政会议审议 2018/4/3", |
||||||
|
"组织采购意向公示 2018/4/2", |
||||||
|
"组织技术参数论证 2018/4/2", |
||||||
|
"技术参数复核 2018/4/2", |
||||||
|
"采购需求编报 2018/4/2", |
||||||
|
"质疑答复流标复核 2018/4/2", |
||||||
|
], |
||||||
|
timestamps3: [ |
||||||
|
"采购交接 2018/4/12 20:46", |
||||||
|
"医工科审核 2018/4/3", |
||||||
|
"需求科室 2018/4/2", |
||||||
|
"财务审核 2018/4/2", |
||||||
|
"审核监管科审核 2018/4/2", |
||||||
|
"法务 2018/4/2", |
||||||
|
"印章申请 2018/4/2", |
||||||
|
"合同签订 2018/4/2", |
||||||
|
], |
||||||
|
cg: cddata.cg, |
||||||
|
sbys: cddata.sbys, //设备验收 |
||||||
|
fk: cddata.fk, //付款 |
||||||
|
zbj: cddata.zbj, //质保金 |
||||||
|
activeNames: ["3", "4", "5", "6"], |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
name: "便携支气管镜", |
||||||
|
ks: "神经外科", |
||||||
|
xh: "inslight iS3", |
||||||
|
sccj: "深圳因赛斯医疗科技有限公司", |
||||||
|
sl: "1", |
||||||
|
dj: "7.85", |
||||||
|
zj: "7.85", |
||||||
|
bz: "2022年度计划", |
||||||
|
}, |
||||||
|
], |
||||||
|
multipleSelection: [], |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
//汇总设备总价 |
||||||
|
getSummaries(){ |
||||||
|
const sums = []; |
||||||
|
sums[7] = '总价(万元)'; |
||||||
|
var price = 0 |
||||||
|
this.tableData.forEach((item) => { |
||||||
|
price += parseFloat(item.zj) |
||||||
|
}); |
||||||
|
sums[8] = price; |
||||||
|
return sums; |
||||||
|
}, |
||||||
|
//删除设备 |
||||||
|
handleDelete(index) { |
||||||
|
this.tableData.splice(index, 1); |
||||||
|
console.log(this.tableData); |
||||||
|
}, |
||||||
|
//新增设备 |
||||||
|
onAddDevice() { |
||||||
|
var obj = { |
||||||
|
name: "", |
||||||
|
ks: "", |
||||||
|
xh: "", |
||||||
|
sccj: "", |
||||||
|
sl: "", |
||||||
|
dj: "0", |
||||||
|
zj: "0", |
||||||
|
bz: "", |
||||||
|
}; |
||||||
|
this.tableData.push(obj); |
||||||
|
}, |
||||||
|
onSubmit() { |
||||||
|
console.log("submit!"); |
||||||
|
}, |
||||||
|
edit() { |
||||||
|
this.readonly = false; |
||||||
|
}, |
||||||
|
save() { |
||||||
|
this.$confirm("是否保存?", "提示", { |
||||||
|
confirmButtonText: "确定", |
||||||
|
cancelButtonText: "取消", |
||||||
|
type: "warning", |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$message({ |
||||||
|
type: "success", |
||||||
|
message: "保存成功!", |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: "info", |
||||||
|
message: "已取消保存", |
||||||
|
}); |
||||||
|
}); |
||||||
|
}, |
||||||
|
cancel() { |
||||||
|
this.$confirm("是否取消编辑?", "提示", { |
||||||
|
confirmButtonText: "确定", |
||||||
|
cancelButtonText: "取消", |
||||||
|
type: "warning", |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.readonly = true; |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
}, |
||||||
|
back() { |
||||||
|
this.$router.push("/device"); |
||||||
|
}, |
||||||
|
step(num) { |
||||||
|
this.activeNames = num; |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { |
||||||
|
this.multipleSelection = val; |
||||||
|
}, |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
console.log(this.$route.query.id); |
||||||
|
if (this.$route.query.id) { |
||||||
|
//查询页面，查询表单信息 |
||||||
|
} else { |
||||||
|
//新增页面，页面可编辑 |
||||||
|
this.readonly = false; |
||||||
|
} |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.main-container { |
||||||
|
width: calc(100% - 48px); |
||||||
|
height: calc(100vh - 160px); |
||||||
|
margin: 12px 12px 0 24px; |
||||||
|
background-color: rgb(236, 233, 233); |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
.operation-box { |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-content: center; |
||||||
|
background-color: rgba(141, 139, 139, 0.348); |
||||||
|
width: calc(100% - 48px); |
||||||
|
padding: 8px 0; |
||||||
|
margin: 0 24px; |
||||||
|
} |
||||||
|
|
||||||
|
.box-card { |
||||||
|
margin-top: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
.bd-btns { |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
align-items: center; |
||||||
|
height: 60px; |
||||||
|
} |
||||||
|
|
||||||
|
.demo-form-inline { |
||||||
|
margin: 0 24px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,238 @@ |
|||||||
|
<template> |
||||||
|
<div class="box"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item>合同管理</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<div class="container"> |
||||||
|
<el-row> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
:model="formInline" |
||||||
|
size="small" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="合同名称" label-width="100px"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.name" |
||||||
|
placeholder="合同名称" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="项目编号" label-width="100px"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.pnum" |
||||||
|
placeholder="项目编号" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="合同编号" label-width="100px"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.cnum" |
||||||
|
placeholder="项目编号" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方公司" label-width="100px"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.company" |
||||||
|
placeholder="乙方公司" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="签订日期" label-width="100px"> |
||||||
|
<el-date-picker |
||||||
|
v-model="formInline.rangeDate1" |
||||||
|
type="daterange" |
||||||
|
range-separator="至" |
||||||
|
start-placeholder="开始日期" |
||||||
|
end-placeholder="结束日期" |
||||||
|
> |
||||||
|
</el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="交接日期" label-width="100px"> |
||||||
|
<el-date-picker |
||||||
|
v-model="formInline.rangeDate2" |
||||||
|
type="daterange" |
||||||
|
range-separator="至" |
||||||
|
start-placeholder="开始日期" |
||||||
|
end-placeholder="结束日期" |
||||||
|
> |
||||||
|
</el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="状态" label-width="100px"> |
||||||
|
<el-select v-model="formInline.status" placeholder="状态"> |
||||||
|
<el-option label="科室签字" value="1"></el-option> |
||||||
|
<el-option label="财务审核" value="2"></el-option> |
||||||
|
<el-option label="审核监管科审核" value="3"></el-option> |
||||||
|
<el-option label="公司整改" value="4"></el-option> |
||||||
|
<el-option label="法务审核" value="5"></el-option> |
||||||
|
<el-option label="印章申请" value="6"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" @click="onSubmit">查询</el-button> |
||||||
|
<el-button style="margin-left: 64px" type="primary" @click="onAdd" |
||||||
|
>新增</el-button |
||||||
|
> |
||||||
|
<el-button type="primary" @click="onDelete">删除</el-button> |
||||||
|
<el-button type="primary" @click="onBatch">批量操作</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
<el-table |
||||||
|
ref="multipleTable" |
||||||
|
fit |
||||||
|
border |
||||||
|
height="400" |
||||||
|
:data="tableData" |
||||||
|
tooltip-effect="dark" |
||||||
|
:show-overflow-tooltip="true" |
||||||
|
style="width: 100%; background-color: none" |
||||||
|
@selection-change="handleSelectionChange" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55"> </el-table-column> |
||||||
|
<el-table-column type="index" width="50"> </el-table-column> |
||||||
|
<el-table-column prop="name" label="合同名称" width="200"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="pname" label="项目名称" width="200"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="company" label="乙方" width="120"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="cnum" label="合同编号"> </el-table-column> |
||||||
|
|
||||||
|
<el-table-column prop="pnum" label="项目编号"> </el-table-column> |
||||||
|
<el-table-column prop="rDate" label="采购交接日期" width="120"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="sdate" label="签订日期" width="120"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="状态"> |
||||||
|
<template slot-scope="scope" |
||||||
|
><a |
||||||
|
style="cursor: pointer" |
||||||
|
@click="handleDetailChange(scope.row)" |
||||||
|
>{{ scope.row.status }}</a |
||||||
|
></template |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<el-pagination |
||||||
|
@size-change="handleSizeChange" |
||||||
|
@current-change="handleCurrentChange" |
||||||
|
:current-page="currentPage" |
||||||
|
:page-sizes="[20, 50, 100, 200, 400]" |
||||||
|
:page-size="20" |
||||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||||
|
:total="400" |
||||||
|
> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import contractDataList from "../../data/contractDataList"; |
||||||
|
|
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
formInline: { |
||||||
|
name: "", //合同明好才能 |
||||||
|
pnum: "", //项目编号 |
||||||
|
cnum: "", //合同编号 |
||||||
|
rangeDate1: "", //签订日期 |
||||||
|
rangeDate2: "", //交接日期 |
||||||
|
status: "", //状态 |
||||||
|
company: "", //乙方公司 |
||||||
|
}, |
||||||
|
tableData: contractDataList, |
||||||
|
currentPage: 1, |
||||||
|
multipleSelection: [], |
||||||
|
checkedCities: [ |
||||||
|
"序号", |
||||||
|
"计划年度", |
||||||
|
"采购权限", |
||||||
|
"科室", |
||||||
|
"设备名称", |
||||||
|
"数量", |
||||||
|
], |
||||||
|
dialogExportVisible: false, |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
onSubmit() { |
||||||
|
console.log(this.formInline); |
||||||
|
}, |
||||||
|
onAdd() { |
||||||
|
console.log("onAdd"); |
||||||
|
this.$router.push({ path: "/contractDetail" }); |
||||||
|
}, |
||||||
|
onDelete() { |
||||||
|
//确认勾选数据 |
||||||
|
if (this.multipleSelection.length == 0) { |
||||||
|
this.$message.error("请勾选的数据！"); |
||||||
|
return; |
||||||
|
} |
||||||
|
this.$confirm("确定删除?", "提示", { |
||||||
|
confirmButtonText: "确定", |
||||||
|
cancelButtonText: "取消", |
||||||
|
type: "warning", |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$message({ |
||||||
|
type: "success", |
||||||
|
message: "删除成功!", |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: "info", |
||||||
|
message: "已取消删除", |
||||||
|
}); |
||||||
|
}); |
||||||
|
console.log("onDelete"); |
||||||
|
}, |
||||||
|
onExport() { |
||||||
|
//确认勾选数据 |
||||||
|
if (this.multipleSelection.length == 0) { |
||||||
|
this.$message.error("请勾选数据！"); |
||||||
|
return; |
||||||
|
} |
||||||
|
//弹出对话框 |
||||||
|
this.dialogExportVisible = true; |
||||||
|
}, |
||||||
|
onBatch() { |
||||||
|
console.log("onBatch"); |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { |
||||||
|
this.multipleSelection = val; |
||||||
|
console.log("handleSelectionChange:", val); |
||||||
|
}, |
||||||
|
handleSizeChange(val) { |
||||||
|
console.log(`每页 ${val} 条`); |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { |
||||||
|
console.log(`当前页: ${val}`); |
||||||
|
}, |
||||||
|
handleDetailChange(val) { |
||||||
|
this.$router.push({ path: "/contractDetail", query: { id: val.id } }); |
||||||
|
}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.el-row { |
||||||
|
margin: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
|
||||||
|
.container { |
||||||
|
width: calc(100% - 48px); |
||||||
|
height: calc(100vh - 160px); |
||||||
|
margin: 12px 12px 0 24px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,532 @@ |
|||||||
|
<template> |
||||||
|
<div class="box"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item :to="{ path: '/device' }" |
||||||
|
>设备管理</el-breadcrumb-item |
||||||
|
> |
||||||
|
<el-breadcrumb-item>设备详情</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<div class="main-container"> |
||||||
|
<el-card class="box-card" shadow="always"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<h3>一、基本信息</h3> |
||||||
|
</div> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
label-width="120px" |
||||||
|
label-position="right" |
||||||
|
:disabled="readonly" |
||||||
|
:model="formInline" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="设备名称"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.sbmc" |
||||||
|
placeholder="设备名称" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="科室"> |
||||||
|
<el-input v-model="formInline.ks" placeholder="科室"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="通用名称"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.ttmc" |
||||||
|
placeholder="通用名称" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="设备分类"> |
||||||
|
<el-select v-model="formInline.sbfl" placeholder="设备分类"> |
||||||
|
<el-option label="分类一" value="1"></el-option> |
||||||
|
<el-option label="分类二" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="数量"> |
||||||
|
<el-input v-model="formInline.sl" placeholder="数量"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="单位"> |
||||||
|
<el-input v-model="formInline.dw" placeholder="单位"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="计划年度"> |
||||||
|
<el-select v-model="formInline.sbfl" placeholder="计划年度"> |
||||||
|
<el-option label="2019" value="1"></el-option> |
||||||
|
<el-option label="2020" value="2"></el-option> |
||||||
|
<el-option label="2021" value="3"></el-option> |
||||||
|
<el-option label="2022" value="4"></el-option> |
||||||
|
<el-option label="2023" value="5"></el-option> |
||||||
|
<el-option label="2024" value="6"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="采购权限"> |
||||||
|
<el-select v-model="formInline.sbfl" placeholder="采购权限"> |
||||||
|
<el-option label="上级下发" value="1"></el-option> |
||||||
|
<el-option label="医院自采" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="预算单价(万元)"> |
||||||
|
<el-input placeholder="100"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="预算总价(万元)"> |
||||||
|
<el-input placeholder="100"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="成交单价(万元)"> |
||||||
|
<el-input placeholder="80"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="成交总价(万元)"> |
||||||
|
<el-input placeholder="80"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="质保期(年)"> |
||||||
|
<el-input placeholder="2"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="经费来源"> |
||||||
|
<el-input placeholder="折旧基金"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="采购项目编号"> |
||||||
|
<el-input placeholder="2024020-3333-3333"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="合同名称"> |
||||||
|
<el-input placeholder="DR设备采购合同"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="验收日期"> |
||||||
|
<el-date-picker type="date" placeholder="选择日期"></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="合同编号" label-width='100px'> |
||||||
|
<el-input placeholder="xxxxxxxx"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="付款状态" label-width='100px'> |
||||||
|
<el-select v-model="formInline.sbfl" placeholder="未支付"> |
||||||
|
<el-option label="未支付" value="1"></el-option> |
||||||
|
<el-option label="已支付" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="质保金支付日期" label-width='140px'> |
||||||
|
<el-date-picker type="date" placeholder="选择日期"></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="是否有配套专用耗材" label-width='140px'> |
||||||
|
<el-select v-model="formInline.sbfl" placeholder="有"> |
||||||
|
<el-option label="有" value="1"></el-option> |
||||||
|
<el-option label="没有" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方公司"> |
||||||
|
<el-input placeholder="人福医疗"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方联系人"> |
||||||
|
<el-input placeholder="王丽"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="乙方联系方式"> |
||||||
|
<el-input placeholder="17777777777"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-card> |
||||||
|
<el-card class="box-card" shadow="always"> |
||||||
|
<div slot="header" class="clearfix"> |
||||||
|
<h3>二、设备进展</h3> |
||||||
|
<!-- <el-steps :active="5"> |
||||||
|
<el-step title="需求遍报" description="已完成"> |
||||||
|
<div slot="title" @click="step('1')">需求遍报</div> |
||||||
|
</el-step> |
||||||
|
<el-step title="采购状态" description="已完成"></el-step> |
||||||
|
<el-step title="合同签订" description="已完成"></el-step> |
||||||
|
<el-step title="设备验收" description="已完成"></el-step> |
||||||
|
<el-step title="付款" description="已完成"></el-step> |
||||||
|
<el-step title="质保金" description="未开始"></el-step> |
||||||
|
</el-steps> --> |
||||||
|
</div> |
||||||
|
<el-collapse v-model="activeNames"> |
||||||
|
<el-collapse-item title="需求编报" name="1"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>需求编报</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-timeline> |
||||||
|
<el-timeline-item |
||||||
|
v-for="(item, index) in xqbb" |
||||||
|
:key="timestamps1[index]" |
||||||
|
:timestamp="timestamps1[index]" |
||||||
|
placement="top" |
||||||
|
> |
||||||
|
<el-card> |
||||||
|
<el-form |
||||||
|
:disabled="readonly" |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:model="item" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="经办人"> |
||||||
|
<el-input |
||||||
|
v-model="item.name" |
||||||
|
placeholder="经办人" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="进展"> |
||||||
|
<el-select v-model="item.process" placeholder="进展"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="日期"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="item.date" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input |
||||||
|
type="textarea" |
||||||
|
v-model="item.remark" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-card> |
||||||
|
</el-timeline-item> |
||||||
|
</el-timeline> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="采购状态" name="2"> |
||||||
|
<template slot="title" |
||||||
|
><h3>采购状态</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="cg" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="需求公示时间"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="cg.xqgs" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="第一次招标"> |
||||||
|
<el-input v-model="cg.zb1" placeholder="第一次招标"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="第二次招标"> |
||||||
|
<el-input v-model="cg.zb2" placeholder="第二次招标"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="第三次招标"> |
||||||
|
<el-input v-model="cg.zb3" placeholder="第三次招标"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="退回"> |
||||||
|
<el-input v-model="cg.th" placeholder="退回"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="采购状态"> |
||||||
|
<el-select v-model="cg.cgzt" placeholder="采购状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="cg.remark"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="合同签订" name="3"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>合同签订</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-timeline-item |
||||||
|
v-for="(item, index) in htqd" |
||||||
|
:key="timestamps3[index]" |
||||||
|
:timestamp="timestamps3[index]" |
||||||
|
placement="top" |
||||||
|
> |
||||||
|
<el-card> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="item" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="经办人"> |
||||||
|
<el-input |
||||||
|
v-model="item.name" |
||||||
|
placeholder="经办人" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="进展"> |
||||||
|
<el-select v-model="item.process" placeholder="进展"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="开始时间"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="item.startDate" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="结束时间"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="item.endDate" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="item.remark"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-card> |
||||||
|
</el-timeline-item> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="设备验收" name="4"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>设备验收</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="sbys" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="sbys.zt" placeholder="采购状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="验收人"> |
||||||
|
<el-input v-model="sbys.name" placeholder="验收人"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="验收日期"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="sbys.date" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="档案号"> |
||||||
|
<el-input v-model="sbys.dah" placeholder="档案号"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="sbys.bz"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="付款" name="5"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>付款</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="fk" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="fk.zt" placeholder="采购状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="付款批次"> |
||||||
|
<el-input v-model="fk.fkpc" placeholder="付款批次"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="金额"> |
||||||
|
<el-input v-model="fk.je" placeholder="金额"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="fk.bz"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
<el-collapse-item title="质保金" name="6"> |
||||||
|
<template slot="title"> |
||||||
|
<h3>质保金</h3> |
||||||
|
<i class="header-icon el-icon-info"></i> |
||||||
|
</template> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
size="small" |
||||||
|
:disabled="readonly" |
||||||
|
:model="zbj" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="状态"> |
||||||
|
<el-select v-model="zbj.zt" placeholder="状态"> |
||||||
|
<el-option label="未开始" value="01"></el-option> |
||||||
|
<el-option label="进行中" value="02"></el-option> |
||||||
|
<el-option label="已完成" value="03"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="质保金到期日期"> |
||||||
|
<el-date-picker |
||||||
|
type="date" |
||||||
|
placeholder="选择日期" |
||||||
|
v-model="zbj.date" |
||||||
|
></el-date-picker> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="经办人"> |
||||||
|
<el-input v-model="zbj.name" placeholder="经办人"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="付款金额"> |
||||||
|
<el-input v-model="zbj.je" placeholder="付款金额"></el-input> |
||||||
|
</el-form-item> |
||||||
|
|
||||||
|
<el-form-item label="付款批次"> |
||||||
|
<el-input v-model="zbj.fkpc" placeholder="付款批次"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="备注"> |
||||||
|
<el-input type="textarea" v-model="zbj.bz"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-collapse-item> |
||||||
|
</el-collapse> |
||||||
|
</el-card> |
||||||
|
</div> |
||||||
|
<div class="operation-box"> |
||||||
|
<el-button type="primary" v-if="readonly" @click="edit">编辑</el-button> |
||||||
|
<el-button type="primary" v-else @click="cancel">取消</el-button> |
||||||
|
<el-button type="primary" @click="save">保存</el-button> |
||||||
|
<el-button @click="back">返回上页</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import dddData from "../../data/deviceDataDetail"; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
formInline: { |
||||||
|
user: "", |
||||||
|
region: "", |
||||||
|
}, |
||||||
|
readonly: true, |
||||||
|
xqbb: dddData.xqbb, |
||||||
|
htqd: dddData.htqd, |
||||||
|
timestamps1: [ |
||||||
|
"组织需求形式审查 2018/4/12 20:46", |
||||||
|
"业务行政会议审议 2018/4/3", |
||||||
|
"组织采购意向公示 2018/4/2", |
||||||
|
"组织技术参数论证 2018/4/2", |
||||||
|
"技术参数复核 2018/4/2", |
||||||
|
"采购需求编报 2018/4/2", |
||||||
|
"质疑答复流标复核 2018/4/2", |
||||||
|
], |
||||||
|
timestamps3: [ |
||||||
|
"采购交接 2018/4/12 20:46", |
||||||
|
"医工科审核 2018/4/3", |
||||||
|
"需求科室 2018/4/2", |
||||||
|
"财务审核 2018/4/2", |
||||||
|
"审核监管科审核 2018/4/2", |
||||||
|
"法务 2018/4/2", |
||||||
|
"印章申请 2018/4/2", |
||||||
|
"合同签订 2018/4/2", |
||||||
|
], |
||||||
|
cg: dddData.cg, |
||||||
|
sbys: dddData.sbys, |
||||||
|
fk: dddData.fk, |
||||||
|
zbj: dddData.zbj, |
||||||
|
activeNames: ["1", "2", "3", "4", "5", "6"], |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
onSubmit() { |
||||||
|
console.log("submit!"); |
||||||
|
}, |
||||||
|
edit() { |
||||||
|
this.readonly = false; |
||||||
|
}, |
||||||
|
save() { |
||||||
|
this.$confirm("是否保存?", "提示", { |
||||||
|
confirmButtonText: "确定", |
||||||
|
cancelButtonText: "取消", |
||||||
|
type: "warning", |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$message({ |
||||||
|
type: "success", |
||||||
|
message: "保存成功!", |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: "info", |
||||||
|
message: "已取消保存", |
||||||
|
}); |
||||||
|
}); |
||||||
|
}, |
||||||
|
cancel() { |
||||||
|
this.$confirm("是否取消编辑?", "提示", { |
||||||
|
confirmButtonText: "确定", |
||||||
|
cancelButtonText: "取消", |
||||||
|
type: "warning", |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.readonly = true; |
||||||
|
}) |
||||||
|
.catch(() => {}); |
||||||
|
}, |
||||||
|
back() { |
||||||
|
this.$router.push("/device"); |
||||||
|
}, |
||||||
|
step(num) { |
||||||
|
this.activeNames = num; |
||||||
|
}, |
||||||
|
}, |
||||||
|
mounted() { |
||||||
|
console.log(this.$route.query.id); |
||||||
|
if (this.$route.query.id) { |
||||||
|
//查询页面，查询表单信息 |
||||||
|
} else { |
||||||
|
//新增页面，页面可编辑 |
||||||
|
this.readonly = false; |
||||||
|
} |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.main-container { |
||||||
|
width: calc(100% - 48px); |
||||||
|
height: calc(100vh - 160px); |
||||||
|
margin: 12px 12px 0 24px; |
||||||
|
background-color: rgb(236, 233, 233); |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
.operation-box { |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-content: center; |
||||||
|
background-color: rgba(141, 139, 139, 0.348); |
||||||
|
width: calc(100% - 48px); |
||||||
|
padding: 8px 0; |
||||||
|
margin: 0 24px; |
||||||
|
} |
||||||
|
|
||||||
|
.box-card { |
||||||
|
margin-top: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
.demo-form-inline { |
||||||
|
margin: 0 24px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,249 @@ |
|||||||
|
<template> |
||||||
|
<div class="box"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="24"> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item>设备管理</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<div class="container"> |
||||||
|
<el-row> |
||||||
|
<el-form |
||||||
|
:inline="true" |
||||||
|
:model="formInline" |
||||||
|
size="small" |
||||||
|
class="demo-form-inline" |
||||||
|
> |
||||||
|
<el-form-item label="设备名称" label-width="100px"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.name" |
||||||
|
placeholder="设备名称" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="计划年度" label-width="100px"> |
||||||
|
<el-select v-model="formInline.year" placeholder="计划年度"> |
||||||
|
<el-option label="2019" value="1"></el-option> |
||||||
|
<el-option label="2020" value="2"></el-option> |
||||||
|
<el-option label="2021" value="3"></el-option> |
||||||
|
<el-option label="2022" value="4"></el-option> |
||||||
|
<el-option label="2023" value="5"></el-option> |
||||||
|
<el-option label="2024" value="6"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="采购权限" label-width="80px"> |
||||||
|
<el-select v-model="formInline.auth" placeholder="采购权限"> |
||||||
|
<el-option label="联保部队" value="1"></el-option> |
||||||
|
<el-option label="医院自采" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="科室" label-width="80px"> |
||||||
|
<el-select v-model="formInline.dep" placeholder="科室"> |
||||||
|
<el-option label="肿瘤科" value="1"></el-option> |
||||||
|
<el-option label="普外" value="2"></el-option> |
||||||
|
<el-option label="妇产科" value="3"></el-option> |
||||||
|
<el-option label="麻醉科" value="4"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="项目采购编号" label-width="100px"> |
||||||
|
<el-input |
||||||
|
v-model="formInline.num" |
||||||
|
placeholder="项目采购编号" |
||||||
|
></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="进展" label-width="100px"> |
||||||
|
<el-select v-model="formInline.process" placeholder="进展"> |
||||||
|
<el-option label="需求编报" value="1"></el-option> |
||||||
|
<el-option label="采购" value="2"></el-option> |
||||||
|
<el-option label="合同签订" value="3"></el-option> |
||||||
|
<el-option label="设备验收" value="4"></el-option> |
||||||
|
<el-option label="付款" value="5"></el-option> |
||||||
|
<el-option label="设备验收" value="6"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" @click="onSubmit">查询</el-button> |
||||||
|
<el-button style="margin-left: 64px" type="primary" @click="onAdd" |
||||||
|
>新增</el-button |
||||||
|
> |
||||||
|
<el-button type="primary" @click="onDelete">删除</el-button> |
||||||
|
<el-button type="primary" @click="onExport">导出报表</el-button> |
||||||
|
<el-button type="primary" @click="onBatch">批量操作</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
<el-table |
||||||
|
ref="multipleTable" |
||||||
|
fit |
||||||
|
border |
||||||
|
height="400" |
||||||
|
:show-overflow-tooltip="true" |
||||||
|
:data="tableData" |
||||||
|
tooltip-effect="dark" |
||||||
|
style="width: 100%; background-color: none" |
||||||
|
@selection-change="handleSelectionChange" |
||||||
|
> |
||||||
|
<el-table-column type="selection" width="55"> </el-table-column> |
||||||
|
<el-table-column type="index" width="50"> </el-table-column> |
||||||
|
<el-table-column prop="name" label="设备名称"> </el-table-column> |
||||||
|
<el-table-column prop="year" label="计划年度" width="100"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="auth" label="采购权限"> </el-table-column> |
||||||
|
<el-table-column prop="dep" label="科室"> </el-table-column> |
||||||
|
|
||||||
|
<el-table-column prop="num" label="数量" width="80"> </el-table-column> |
||||||
|
<el-table-column prop="pPrice" label="预算单价(万)" width="120"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="dPrice" label="成交单价(万)" width="120"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="proNum" label="采购项目编号"> </el-table-column> |
||||||
|
<el-table-column label="进展" width="120"> |
||||||
|
<template slot-scope="scope" |
||||||
|
><a |
||||||
|
style="cursor: pointer" |
||||||
|
@click="handleDetailChange(scope.row)" |
||||||
|
>{{ scope.row.proNum }}</a |
||||||
|
></template |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<el-pagination |
||||||
|
@size-change="handleSizeChange" |
||||||
|
@current-change="handleCurrentChange" |
||||||
|
:current-page="currentPage" |
||||||
|
:page-sizes="[20, 50, 100, 200, 400]" |
||||||
|
:page-size="20" |
||||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||||
|
:total="400" |
||||||
|
> |
||||||
|
</el-pagination> |
||||||
|
</div> |
||||||
|
<el-dialog |
||||||
|
title="提示" |
||||||
|
:visible.sync="dialogExportVisible" |
||||||
|
width="30%" |
||||||
|
> |
||||||
|
<el-checkbox-group |
||||||
|
v-model="checkedCities" |
||||||
|
@change="handleCheckedCitiesChange" |
||||||
|
> |
||||||
|
<el-checkbox v-for="city in cities" :label="city" :key="city">{{ |
||||||
|
city |
||||||
|
}}</el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="dialogExportVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="dialogExportVisible = false" |
||||||
|
>确 定</el-button |
||||||
|
> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import deviceDataList from "../../data/deviceDataList "; |
||||||
|
const cityOptions = ["序号", "计划年度", "采购权限", "科室","设备名称","数量","预算单价(万元)","成交单价(万元)","采购编号","进展"]; |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
formInline: { |
||||||
|
name: "", |
||||||
|
year: "", |
||||||
|
auth: "", |
||||||
|
dep: "", |
||||||
|
num: "", |
||||||
|
process: "", |
||||||
|
}, |
||||||
|
tableData: deviceDataList, |
||||||
|
currentPage: 4, |
||||||
|
multipleSelection: [], |
||||||
|
checkedCities: ["序号", "计划年度","采购权限", "科室","设备名称","数量"], |
||||||
|
cities: cityOptions, |
||||||
|
dialogExportVisible: false |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
onSubmit() { |
||||||
|
console.log(this.formInline); |
||||||
|
}, |
||||||
|
onAdd() { |
||||||
|
console.log("onAdd"); |
||||||
|
this.$router.push({ path: "/deviceDetail" }); |
||||||
|
}, |
||||||
|
onDelete() { |
||||||
|
//确认勾选数据 |
||||||
|
if(this.multipleSelection.length == 0){ |
||||||
|
this.$message.error('请勾选数据！'); |
||||||
|
return |
||||||
|
} |
||||||
|
this.$confirm("确定删除?", "提示", { |
||||||
|
confirmButtonText: "确定", |
||||||
|
cancelButtonText: "取消", |
||||||
|
type: "warning", |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$message({ |
||||||
|
type: "success", |
||||||
|
message: "删除成功!", |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: "info", |
||||||
|
message: "已取消删除", |
||||||
|
}); |
||||||
|
}); |
||||||
|
console.log("onDelete"); |
||||||
|
}, |
||||||
|
onExport() { |
||||||
|
//确认勾选数据 |
||||||
|
if(this.multipleSelection.length == 0){ |
||||||
|
this.$message.error('请勾选数据！'); |
||||||
|
return |
||||||
|
} |
||||||
|
//弹出对话框 |
||||||
|
this.dialogExportVisible = true |
||||||
|
}, |
||||||
|
onBatch() { |
||||||
|
console.log("onBatch"); |
||||||
|
}, |
||||||
|
handleSelectionChange(val) { |
||||||
|
this.multipleSelection = val; |
||||||
|
console.log("handleSelectionChange:", val); |
||||||
|
}, |
||||||
|
handleSizeChange(val) { |
||||||
|
console.log(`每页 ${val} 条`); |
||||||
|
}, |
||||||
|
handleCurrentChange(val) { |
||||||
|
console.log(`当前页: ${val}`); |
||||||
|
}, |
||||||
|
handleDetailChange(val) { |
||||||
|
this.$router.push({ path: "/deviceDetail", query: { id: val.id } }); |
||||||
|
}, |
||||||
|
handleCheckedCitiesChange(value) { |
||||||
|
let checkedCount = value.length; |
||||||
|
this.checkAll = checkedCount === this.cities.length; |
||||||
|
this.isIndeterminate = |
||||||
|
checkedCount > 0 && checkedCount < this.cities.length; |
||||||
|
} |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.el-row { |
||||||
|
margin: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
|
||||||
|
.container { |
||||||
|
width: calc(100% - 48px); |
||||||
|
height: calc(100vh - 160px); |
||||||
|
margin: 12px 12px 0 24px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,72 @@ |
|||||||
|
<template> |
||||||
|
<div class="nav"> |
||||||
|
<img class="logo" src="../assets/zz_logo.jpg" /> |
||||||
|
<div class="main_title">{{ title }}</div> |
||||||
|
<el-menu |
||||||
|
default-active="/device" |
||||||
|
mode="horizontal" |
||||||
|
class="main_menu" |
||||||
|
text-color='#000' |
||||||
|
router |
||||||
|
> |
||||||
|
<el-menu-item index="/device">设备管理</el-menu-item> |
||||||
|
<el-menu-item index="/contract">合同管理</el-menu-item> |
||||||
|
<el-submenu index="3"> |
||||||
|
<template slot="title">系统管理</template> |
||||||
|
<el-menu-item index="/systemUser">用户管理</el-menu-item> |
||||||
|
<el-menu-item index="/systemDic">字典管理</el-menu-item> |
||||||
|
</el-submenu> |
||||||
|
</el-menu> |
||||||
|
<div class="right_box"> |
||||||
|
<div>用户名：{{ name }}</div> |
||||||
|
<el-button type="primary" round>退出</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
title: "设备合同管理系统", |
||||||
|
name: "黄凯", |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped> |
||||||
|
.nav { |
||||||
|
background-color: #409eff; |
||||||
|
width: 100%; |
||||||
|
height: 60px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.logo { |
||||||
|
width: 48px; |
||||||
|
height: 48px; |
||||||
|
margin: 8px; |
||||||
|
border-radius: 24px; |
||||||
|
} |
||||||
|
|
||||||
|
.main_title { |
||||||
|
font-size: 28px; |
||||||
|
font-family: cursive; |
||||||
|
flex-grow: 2; |
||||||
|
} |
||||||
|
.main_menu { |
||||||
|
flex-grow: 5; |
||||||
|
background: none; |
||||||
|
} |
||||||
|
|
||||||
|
.right_box { |
||||||
|
flex-grow: 1; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-around; |
||||||
|
} |
||||||
|
</style>> |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
<template> |
||||||
|
<div>systemDic</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
<template> |
||||||
|
<div>systemUser</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,89 @@ |
|||||||
|
|
||||||
|
//合同签订
|
||||||
|
const htqd = [ |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
} |
||||||
|
] |
||||||
|
//设备验收
|
||||||
|
const sbys = { |
||||||
|
name: "", //验收人
|
||||||
|
date: "", //验收日期
|
||||||
|
zt: "", //状态
|
||||||
|
dah: "", //档案号
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
//付款
|
||||||
|
const fk = { |
||||||
|
name: "", //验收人
|
||||||
|
fkpc: "", //付款批次
|
||||||
|
zt: "", //状态
|
||||||
|
je: "", //金额
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
//质保金
|
||||||
|
const zbj = { |
||||||
|
name: "", //验收人
|
||||||
|
date: "", //到期日期
|
||||||
|
je: "", //付款金额
|
||||||
|
zt: "", //状态
|
||||||
|
fkpc: "", //付款批次
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
|
||||||
|
const cddata = { htqd: htqd, sbys: sbys,fk:fk ,zbj:zbj} |
||||||
|
|
||||||
|
export default cddata |
||||||
@ -0,0 +1,138 @@ |
|||||||
|
//设备列表数据
|
||||||
|
const contractDataList = [ |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
name: "呼吸机设备采购合同", |
||||||
|
pname:"呼吸机设备采购项目", |
||||||
|
pnum: "2022-JQZWWH-WC3180", |
||||||
|
cnum:"2022-JQZWWH-WC3180(00)-医疗-0058568", |
||||||
|
company: "湖北人福医药集团有限公司", |
||||||
|
sdate: "2023-03-06", |
||||||
|
rDate: "2023-01-01", |
||||||
|
status: "财务审核中", |
||||||
|
}, |
||||||
|
] |
||||||
|
|
||||||
|
|
||||||
|
export default contractDataList |
||||||
@ -0,0 +1,150 @@ |
|||||||
|
//需求编报
|
||||||
|
const xqbb = [ |
||||||
|
{ |
||||||
|
//组织需求形式审查
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
//业务行政会议审议
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
//业务行政会议审议
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
//业务行政会议审议
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
//业务行政会议审议
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
//业务行政会议审议
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
//业务行政会议审议
|
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
date: "", //完成日期
|
||||||
|
remark: "", //备注
|
||||||
|
} |
||||||
|
] |
||||||
|
//采购状态
|
||||||
|
const cg = { |
||||||
|
xqgs: "", //需求公示
|
||||||
|
zb1: "", //第一次招标
|
||||||
|
zb2: "", //第二次招标
|
||||||
|
zb3: "", //第三次招标
|
||||||
|
th: "", //退回
|
||||||
|
cgzt: "", //采购状态
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
//合同签订
|
||||||
|
const htqd = [ |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
}, |
||||||
|
{ |
||||||
|
name: "", //经办人
|
||||||
|
process: "", //进展
|
||||||
|
startDate: "", //开始日期
|
||||||
|
endDate: "", //结束日期
|
||||||
|
remark: "", //备注
|
||||||
|
} |
||||||
|
] |
||||||
|
//设备验收
|
||||||
|
const sbys = { |
||||||
|
name: "", //验收人
|
||||||
|
date: "", //验收日期
|
||||||
|
zt: "", //状态
|
||||||
|
dah: "", //档案号
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
//付款
|
||||||
|
const fk = { |
||||||
|
name: "", //验收人
|
||||||
|
fkpc: "", //付款批次
|
||||||
|
zt: "", //状态
|
||||||
|
je: "", //金额
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
//质保金
|
||||||
|
const zbj = { |
||||||
|
name: "", //验收人
|
||||||
|
date: "", //到期日期
|
||||||
|
je: "", //付款金额
|
||||||
|
zt: "", //状态
|
||||||
|
fkpc: "", //付款批次
|
||||||
|
bz: "", //备注
|
||||||
|
} |
||||||
|
|
||||||
|
const dddata = { xqbb: xqbb, htqd: htqd, cg: cg, sbys: sbys,fk:fk ,zbj:zbj} |
||||||
|
|
||||||
|
export default dddata |
||||||
@ -0,0 +1,171 @@ |
|||||||
|
//设备列表数据
|
||||||
|
const deviceDataList = [ |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
year: "2019", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "需求编报", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
year: "2020", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "采购", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00003", |
||||||
|
year: "2023", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "合同签订", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
year: "2019", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "设备验收", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
year: "2020", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "付款", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00003", |
||||||
|
year: "2023", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "设备验收", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
year: "2019", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
year: "2020", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00003", |
||||||
|
year: "2023", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
year: "2019", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
year: "2020", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00003", |
||||||
|
year: "2023", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00001", |
||||||
|
year: "2019", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00002", |
||||||
|
year: "2020", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: "00003", |
||||||
|
year: "2023", |
||||||
|
name: "DR", |
||||||
|
auth: "本级自购", |
||||||
|
dep: "肿瘤科", |
||||||
|
num: "1", |
||||||
|
pPrice: "180", |
||||||
|
dPrice: "150", |
||||||
|
proNum: "xxxxxxxxxx", |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
|
||||||
|
export default deviceDataList |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
import Vue from 'vue' |
||||||
|
import App from './App.vue' |
||||||
|
import ElementUI from 'element-ui'; |
||||||
|
import 'element-ui/lib/theme-chalk/index.css'; |
||||||
|
import routes from './route/routes' |
||||||
|
Vue.use(ElementUI); |
||||||
|
|
||||||
|
import VueRouter from 'vue-router' |
||||||
|
|
||||||
|
Vue.use(VueRouter) |
||||||
|
|
||||||
|
Vue.config.productionTip = false |
||||||
|
|
||||||
|
const router = new VueRouter({ |
||||||
|
routes // (缩写) 相当于 routes: routes
|
||||||
|
}) |
||||||
|
|
||||||
|
new Vue({ |
||||||
|
router:router, |
||||||
|
el: '#app', |
||||||
|
render: h => h(App) |
||||||
|
}); |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import deviceList from "../components/device/deviceList.vue" |
||||||
|
import deviceDetail from "../components/device/deviceDetial.vue" |
||||||
|
import contractList from "../components/contract/contractList.vue" |
||||||
|
import contractDetail from "../components/contract/contractDetail.vue" |
||||||
|
import systemUser from "../components/system/systemUser.vue" |
||||||
|
import systemDic from "../components/system/systemDic.vue" |
||||||
|
|
||||||
|
const routes = [ |
||||||
|
{ path: '/contract', name:'contract', component: contractList }, |
||||||
|
{ path: '/contractDetail', name:'contractDetail', component: contractDetail }, |
||||||
|
{ path: '/device', name:'device', component: deviceList }, |
||||||
|
{ path: '/deviceDetail', name:'deviceDetail', component: deviceDetail }, |
||||||
|
{ path: '/systemUser', name:'systemUser', component: systemUser }, |
||||||
|
{ path: '/systemDic', name:'systemDic', component: systemDic }, |
||||||
|
{ path: '/', name:'device', component: deviceList }, |
||||||
|
] |
||||||
|
|
||||||
|
export default routes |
||||||
Loading…
Reference in new issue