kongxy
4 months ago
29 changed files with 37 additions and 14313 deletions
@ -1,23 +0,0 @@ |
|||||||
.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? |
|
@ -1,24 +0,0 @@ |
|||||||
# 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/). |
|
@ -1,5 +0,0 @@ |
|||||||
module.exports = { |
|
||||||
presets: [ |
|
||||||
'@vue/cli-plugin-babel/preset' |
|
||||||
] |
|
||||||
} |
|
@ -1,19 +0,0 @@ |
|||||||
{ |
|
||||||
"compilerOptions": { |
|
||||||
"target": "es5", |
|
||||||
"module": "esnext", |
|
||||||
"baseUrl": "./", |
|
||||||
"moduleResolution": "node", |
|
||||||
"paths": { |
|
||||||
"@/*": [ |
|
||||||
"src/*" |
|
||||||
] |
|
||||||
}, |
|
||||||
"lib": [ |
|
||||||
"esnext", |
|
||||||
"dom", |
|
||||||
"dom.iterable", |
|
||||||
"scripthost" |
|
||||||
] |
|
||||||
} |
|
||||||
} |
|
File diff suppressed because it is too large
Load Diff
@ -1,45 +0,0 @@ |
|||||||
{ |
|
||||||
"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" |
|
||||||
] |
|
||||||
} |
|
@ -1,122 +0,0 @@ |
|||||||
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; |
|
||||||
/* 设置滑块在悬停状态下的背景颜色 */ |
|
||||||
} |
|
Before Width: | Height: | Size: 4.2 KiB |
@ -1,19 +0,0 @@ |
|||||||
<!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> |
|
||||||
|
|
@ -1,23 +0,0 @@ |
|||||||
<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> |
|
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 7.5 KiB |
@ -1,527 +0,0 @@ |
|||||||
<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> |
|
@ -1,238 +0,0 @@ |
|||||||
<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> |
|
@ -1,532 +0,0 @@ |
|||||||
<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> |
|
@ -1,249 +0,0 @@ |
|||||||
<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> |
|
@ -1,72 +0,0 @@ |
|||||||
<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>> |
|
@ -1,13 +0,0 @@ |
|||||||
<template> |
|
||||||
<div>systemDic</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
|
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style> |
|
||||||
|
|
||||||
</style> |
|
@ -1,13 +0,0 @@ |
|||||||
<template> |
|
||||||
<div>systemUser</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
|
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style> |
|
||||||
|
|
||||||
</style> |
|
@ -1,89 +0,0 @@ |
|||||||
|
|
||||||
//合同签订
|
|
||||||
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 |
|
@ -1,138 +0,0 @@ |
|||||||
//设备列表数据
|
|
||||||
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 |
|
@ -1,150 +0,0 @@ |
|||||||
//需求编报
|
|
||||||
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 |
|
@ -1,171 +0,0 @@ |
|||||||
//设备列表数据
|
|
||||||
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 |
|
@ -1,22 +0,0 @@ |
|||||||
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) |
|
||||||
}); |
|
@ -1,18 +0,0 @@ |
|||||||
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