<template>
|
<div>
|
<el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body>
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px" v-if="openone != 2">
|
<el-form-item label="编码" prop="pacCode">
|
<el-input v-model="queryParams.pacCode" placeholder="请输入编码" clearable @keyup.enter.native="handleQuery"
|
style="width: 120px;" />
|
</el-form-item>
|
<el-form-item label="名称" prop="pacName">
|
<el-input v-model="queryParams.pacName" placeholder="请输入名称" clearable @keyup.enter.native="handleQuery"
|
style="width: 130px;" />
|
</el-form-item>
|
<el-form-item label="内容" prop="pacRemark">
|
<el-input v-model="queryParams.pacRemark" placeholder="请输入内容" clearable
|
@keyup.enter.native="handleQuery" style="width: 130px;" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
</el-form-item>
|
</el-form>
|
<el-table :data="dataList" ref="elTable" v-loading="loading" @selection-change="handleSelectionChange" border
|
height="320px">
|
<el-table-column type="selection" width="40" align="center" />
|
<el-table-column label="序号" prop="xh" align="center" />
|
<el-table-column label="编码" align="center" prop="pacCode" />
|
<el-table-column label="名称" align="center" prop="pacName" width="100px" />
|
<el-table-column label="拼音码" align="center" prop="detail" width="100px" />
|
<el-table-column label="内容" align="center" prop="pacRemark" />
|
<el-table-column label="备注" align="center" prop="price" />
|
</el-table>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="open = false">取 消</el-button>
|
<el-button type="primary" @click="handleOk">确 定</el-button>
|
</span>
|
</el-dialog>
|
|
</div>
|
</template>
|
|
<script>
|
import {
|
Packagestlist, newGetTjPat, getTjYxjcList
|
} from "@/api/system/package";
|
import { getConfigKey } from "@/api/system/config";
|
export default {
|
name: 'Packages',
|
props: {
|
baogao: {
|
type: Array,
|
}
|
|
},
|
data() {
|
return {
|
open: false,
|
openone: 0,
|
// 弹出层标题
|
title: "",
|
dataList: [],
|
// 遮罩层
|
loading: false,
|
form: {
|
desc: ""
|
},
|
queryParams: {
|
pacCode: "",
|
pacName: "",
|
pacRemark: "",
|
},
|
list: [],
|
fList: {}
|
};
|
},
|
watch: {
|
'baogao'(val, newVla) {
|
this.openone = 2
|
// console.log(val, newVla)
|
this.dataList = val
|
// console.log(this.dataList);
|
|
}
|
|
},
|
mounted() {
|
// this.getList()
|
},
|
|
created() {
|
// this.getList()
|
},
|
methods: {
|
getbaogaoList() {
|
|
},
|
getAllList() {
|
this.loading = true
|
this.openone = 1
|
newGetTjPat(this.queryParams).then(res => {
|
this.dataList = res.data
|
this.loading = false
|
})
|
},
|
getList() {
|
this.openone = 0
|
this.loading = true
|
Packagestlist(this.queryParams).then(res => {
|
this.dataList = res.rows
|
this.loading = false
|
})
|
},
|
handleQuery() {
|
if (this.openone == 0) {
|
this.getList()
|
} else if (this.openone == 1) {
|
this.getAllList()
|
} else if (this.openone == 2) {
|
this.loading = true
|
getTjYxjcList(this.queryParams).then(res => {
|
this.dataList = res.data
|
this.loading = false
|
})
|
}
|
},
|
handleSelectionChange(selection) {
|
if (selection.length > 1) {
|
this.$refs.elTable.clearSelection(); // 清空所有选择
|
this.$refs.elTable.toggleRowSelection(selection.pop()); // 设置选择项
|
}
|
this.list = selection;
|
},
|
handleOk() {
|
this.open = false
|
if (this.list.length == 1) {
|
if (this.openone == 2) {
|
let configKey = "pacsUrl";
|
getConfigKey(configKey).then((res) => {
|
window.open(res.msg+"?"+"colid0="+"202"+"&colvalue0="+this.list[0].xh+"&colid1="+"903"+"&colvalue1="+"2", "_blank");
|
});
|
} else {
|
this.$emit('add', this.list);
|
}
|
}
|
|
}
|
}
|
}
|
</script>
|
|
<style scoped></style>
|
|
