|
@@ -1,5 +1,230 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- 111
|
|
|
+ <div id="expendMx">
|
|
|
+ <div v-if="isList">
|
|
|
+ <el-card
|
|
|
+ v-loading="loading"
|
|
|
+ style="position: relative;"
|
|
|
+ >
|
|
|
+ <el-form class="search_area" label-width="auto">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-form-item label="通用名称">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="params.commonName"
|
|
|
+ size="mini"
|
|
|
+ clearable
|
|
|
+ style="width: 200px"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-form-item label="注册名">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="params.registrationName"
|
|
|
+ size="mini"
|
|
|
+ clearable
|
|
|
+ style="width: 200px"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-form-item label="厂家名称">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="params.factoryName"
|
|
|
+ size="mini"
|
|
|
+ clearable
|
|
|
+ style="width: 200px"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-form-item label="型号">
|
|
|
+ <el-input
|
|
|
+ v-model.trim="params.model"
|
|
|
+ size="mini"
|
|
|
+ clearable
|
|
|
+ style="width: 200px"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-form-item label-width="80px">
|
|
|
+ <el-button type="primary" size="mini" icon="el-icon-search" @click="searchList">搜 索</el-button>
|
|
|
+ <el-button size="mini" plain icon="el-icon-refresh" @click="resetList">重 置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <div class="btn_grooup">
|
|
|
+ <el-button type="primary" size="mini" @click="submits">提交</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="pulldata">下拉数据</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="huizong">汇总</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-super-ux-table
|
|
|
+ id="data-table"
|
|
|
+ v-model="tableData"
|
|
|
+ index
|
|
|
+ checkbox
|
|
|
+ :size="size"
|
|
|
+ :dict="dict"
|
|
|
+ :page="pageInfo"
|
|
|
+ :height=500
|
|
|
+ :columns="TableColumns"
|
|
|
+ pagination
|
|
|
+ convenitentOperation
|
|
|
+ storage-key="expendMxList"
|
|
|
+ @row-dblclick="useSee"
|
|
|
+ @row-select="useSelect"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ @row-click="rowSelect"
|
|
|
+ @pagination="useQuery(params, pageInfo)"
|
|
|
+ ref="tables"
|
|
|
+ >
|
|
|
+ <ux-table-column
|
|
|
+ fixed="right"
|
|
|
+ title="操作"
|
|
|
+ align="center"
|
|
|
+ width="100"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- <el-button type="text" size="mini" v-if="scope.row.status == '1' && scope.row.flowId" @click="reback(scope.row)">收回</el-button> -->
|
|
|
+ <el-button type="text" size="mini" @click="check(scope.row)">查看</el-button>
|
|
|
+ <el-button type="text" size="mini" @click="edit(scope.row)">编辑</el-button>
|
|
|
+ </template>
|
|
|
+ </ux-table-column>
|
|
|
+ </el-super-ux-table>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="searchList"/>
|
|
|
</div>
|
|
|
-</template>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mxList, pullMx } from '@/api/expend/expendMx.js'
|
|
|
+export default {
|
|
|
+ dicts: ['sys_equipment_type'],
|
|
|
+ components: {
|
|
|
+ Add: () => import("./expendMxDetail.vue"),
|
|
|
+ ElSuperUxTable: () => import("@/components/super-ux-table/index.vue"),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 页面配置
|
|
|
+ isList: true,
|
|
|
+ // 页面状态
|
|
|
+ page: '',
|
|
|
+ disable: false,
|
|
|
+ rowDetail: {},
|
|
|
+ size: "mini",
|
|
|
+ loading: false,
|
|
|
+ params: {
|
|
|
+ commonName: '',
|
|
|
+ registrationName: '',
|
|
|
+ deviceCategory: '',
|
|
|
+ departmentCode: '',
|
|
|
+ factoryName: '',
|
|
|
+ model: '',
|
|
|
+ referencePrice: '',
|
|
|
+ parameters: '',
|
|
|
+ isDeleteFile: '',
|
|
|
+ isProjectOrFactoryEmpower: '',
|
|
|
+ remark: ''
|
|
|
+ },
|
|
|
+ pageInfo: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ selectData: [],
|
|
|
+ // SearchColumns: SearchColumns,
|
|
|
+ TableColumns: [
|
|
|
+ { item: { key: "serviceFee", title: "服务费合计" }, attr: {} },
|
|
|
+ { item: { key: "custCode", title: "医院编码" }, attr: {} },
|
|
|
+ { item: { key: "supplierCode", title: "供应商编码" }, attr: {} },
|
|
|
+ { item: { key: "supplierName", title: "供应商名称" }, attr: {} },
|
|
|
+ { item: { key: "isSum", title: "是否汇总" }, attr: {} },
|
|
|
+ { item: { key: "settleNo", title: "结算单号"}, attr: {} },
|
|
|
+ { item: { key: "startDate", title: "结算开始日期" }, attr: {} },
|
|
|
+ { item: { key: "endDate", title: "结算截止日期" }, attr: {} },
|
|
|
+ { item: { key: "totalAmount", title: "合计金额" }, attr: {} },
|
|
|
+ // { item: { key: "isProjectOrFactoryEmpower", title: "是否项目/厂家年度授权" }, attr: {is: "el-dict-tag", dictName: "sys_equipment_type"} },
|
|
|
+ // { item: { key: "parameters", title: "参数" }, attr: {} },
|
|
|
+ { item: { key: "remark", title: "备注"}, attr: {} },
|
|
|
+ { item: { key: "code", title: "编码"}, attr: {} },
|
|
|
+ { item: { key: "verifyState", title: "单据状态"}, attr: {} },
|
|
|
+ ].map(({ item, attr }) => ({
|
|
|
+ attr,
|
|
|
+ item: {
|
|
|
+ ...item,
|
|
|
+ sortabled: true,
|
|
|
+ fixedabled: true,
|
|
|
+ filterabled: true,
|
|
|
+ hiddenabled: true,
|
|
|
+ },
|
|
|
+ })),
|
|
|
+ ids: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.useQuery(this.params, this.pageInfo)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ searchList() {},
|
|
|
+ resetList() {},
|
|
|
+ useSee() {},
|
|
|
+ useSelect() {},
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ console.log('选中', selection)
|
|
|
+ this.ids = selection.map(item => item.id)
|
|
|
+ console.log('选中数组', this.ids)
|
|
|
+ },
|
|
|
+ rowSelect(row) {
|
|
|
+ this.$refs.tables.toggleRowSelection([{row: row}]);
|
|
|
+ },
|
|
|
+ async useQuery(prop, page) {
|
|
|
+ let params = {...prop, ...page}
|
|
|
+ await mxList(params).then(res => {
|
|
|
+ if( res.code === 200 ) {
|
|
|
+ this.tableData = res.rows
|
|
|
+ this.pageInfo.total = res.total
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submits() {
|
|
|
+ this.isList = false
|
|
|
+ this.page = 'add'
|
|
|
+ this.disable = false
|
|
|
+ },
|
|
|
+ pulldata() {
|
|
|
+ pullMx().then(res => {
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ huizong() {},
|
|
|
+ check() {},
|
|
|
+ edit() {},
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+#expendMx {
|
|
|
+ padding: 12px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow-y: scroll;
|
|
|
+}
|
|
|
+.btn_grooup {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+</style>
|