From 709ca6571c3817c3ec27c0368f5582ef65391cb9 Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期一, 19 五月 2025 17:18:00 +0800
Subject: [PATCH] qx
---
src/views/system/manual/index.vue | 335 +++++++++++++++++++++++++++++++++----------------------
1 files changed, 198 insertions(+), 137 deletions(-)
diff --git a/src/views/system/manual/index.vue b/src/views/system/manual/index.vue
index a276d31..32281a4 100644
--- a/src/views/system/manual/index.vue
+++ b/src/views/system/manual/index.vue
@@ -1,74 +1,122 @@
<template>
- <div class="app-container">
- <div>
- <div>
- <h2>鎵嬪姩鍚屾妫�楠屾鏌ョ粨鏋�</h2>
+ <div class="app-container">
+ <el-radio-group v-model="tjStatus" @input="radioChange" style="margin-left: 20px">
+ <el-radio-button label="0">鍚屾妫�楠岀粨鏋�</el-radio-button>
+ <el-radio-button label="1">鍚屾妫�鏌ョ粨鏋�</el-radio-button>
+ <el-radio-button label="2">娣诲姞閲囨牱鏁版嵁</el-radio-button>
+ </el-radio-group>
+ <div class="cent">
+ <div v-if="tjStatus == 0">
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+ <el-form-item label="浣撴鍙�" prop="tjh">
+ <el-input v-model="queryParams.tjh" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable />
+ </el-form-item>
+ <el-form-item label="浣撴绫诲瀷" prop="tblx">
+ <el-select v-model="queryParams.tblx" :popper-append-to-body="false" filterable placeholder="璇烽�夋嫨浣撴绫诲瀷"
+ clearable @change="idFn1">
+ <el-option v-for="item in CompanyList" :key="item.tblx" :label="item.tblx" :value="item.tblxId"
+ disabled />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" size="mini" @click="handleQuery">鏌ヨ</el-button>
+ <el-button type="primary" size="mini" @click="handleManual">鎵嬪伐鍚屾</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="20">
+ <el-col :span="11" :xs="24">
+ <el-table border v-loading="loading" :data="groupingList" height="350" @selection-change="handleChange">
+ <el-table-column type="selection" width="40px" align="center" />
+ <el-table-column label="搴忓彿" align="center" prop="newID" width="50px" />
+ <el-table-column label="鍒嗙粍鍚嶇О" align="center" prop="groupingName" />
+ <el-table-column label="鎬у埆" align="center" prop="sex">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
+ </template>
+ </el-table-column>
+ <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" />
+ <el-table-column label="缁撶畻鏂瑰紡" align="center" prop="payType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.reservation_pay_type" :value="scope.row.payType" />
+ </template>
+ </el-table-column>
+ <el-table-column label="鎶樻墸" align="center" prop="limits" />
+ <el-table-column label="鍘熶环" align="center" prop="price" />
+ <el-table-column label="搴旀敹" align="center" prop="ysPrice" />
+ </el-table>
+ </el-col>
+ <el-col :span="11" :xs="24">
+ <el-table border v-loading="loading" :data="groupingList" height="350">
+ <el-table-column type="selection" width="40px" align="center" />
+ <el-table-column label="搴忓彿" align="center" prop="newID" width="50px" />
+ <el-table-column label="鍒嗙粍鍚嶇О" align="center" prop="groupingName" />
+ <el-table-column label="鎬у埆" align="center" prop="sex">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
+ </template>
+ </el-table-column>
+ <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" />
+ <el-table-column label="缁撶畻鏂瑰紡" align="center" prop="payType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.reservation_pay_type" :value="scope.row.payType" />
+ </template>
+ </el-table-column>
+ <el-table-column label="鎶樻墸" align="center" prop="limits" />
+ <el-table-column label="鍘熶环" align="center" prop="price" />
+ <el-table-column label="搴旀敹" align="center" prop="ysPrice" />
+ </el-table>
+ </el-col>
+ </el-row>
</div>
- <el-form
- :model="queryParams"
- ref="queryForm"
- size="small"
- :inline="true"
- label-width="68px"
- >
- <el-form-item label="浣撴鍙�" prop="tjh">
- <el-input
- v-model="queryParams.tjh"
- placeholder="璇疯緭鍏ヤ綋妫�鍙�"
- clearable
- />
- </el-form-item>
- <el-form-item label="浣撴绫诲瀷" prop="tblx">
- <el-select
- v-model="queryParams.tblx"
- :popper-append-to-body="false"
- filterable
- placeholder="璇烽�夋嫨浣撴绫诲瀷"
- clearable
- @change="idFn1"
- >
- <el-option
- v-for="item in CompanyList"
- :key="item.tblx"
- :label="item.tblx"
- :value="item.tblxId"
- />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button
- type="primary"
- size="mini"
- @click="handleManual"
- >鎵嬪伐鍚屾</el-button
- >
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
- >閲嶇疆</el-button
- >
- </el-form-item>
- </el-form>
+
+ <div v-if="tjStatus == 1">
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+ <el-form-item label="浣撴鍙�" prop="tjh">
+ <el-input v-model="queryParams.tjh" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable />
+ </el-form-item>
+ <el-form-item label="浣撴绫诲瀷" prop="tblx">
+ <el-select v-model="queryParams.tblx" :popper-append-to-body="false" filterable placeholder="璇烽�夋嫨浣撴绫诲瀷"
+ clearable @change="idFn1">
+ <el-option v-for="item in CompanyList" :key="item.tblx" :label="item.tblx" :value="item.tblxId"
+ disabled />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" size="mini" @click="handleQuery">鏌ヨ</el-button>
+ <el-button type="primary" size="mini" @click="handleManual">鎵嬪伐鍚屾</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ <el-table border v-loading="loading" :data="groupingList" height="350">
+ <el-table-column type="selection" width="40px" align="center" />
+ <el-table-column label="搴忓彿" align="center" prop="newID" width="50px" />
+ <el-table-column label="鍒嗙粍鍚嶇О" align="center" prop="groupingName" />
+ <el-table-column label="鎬у埆" align="center" prop="sex">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
+ </template>
+ </el-table-column>
+ <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" />
+ <el-table-column label="缁撶畻鏂瑰紡" align="center" prop="payType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.reservation_pay_type" :value="scope.row.payType" />
+ </template>
+ </el-table-column>
+ <el-table-column label="鎶樻墸" align="center" prop="limits" />
+ <el-table-column label="鍘熶环" align="center" prop="price" />
+ <el-table-column label="搴旀敹" align="center" prop="ysPrice" />
+ </el-table>
</div>
- <div>
- <div>
- <h2>鎵嬪姩娣诲姞閲囨牱鏁版嵁</h2>
- </div>
- <el-form
- :model="forms"
- ref="queryForm"
- size="small"
- :inline="true"
- label-width="68px"
- >
- <el-form-item label="浣撴鍙�" prop="tjNum">
- <el-input
- v-model="forms.tjNum"
- placeholder="璇疯緭鍏ヤ綋妫�鍙�"
- clearable
- />
- </el-form-item>
- <!-- <el-form-item label="浣撴绫诲瀷" prop="tblx">
+ <div v-if="tjStatus == 2">
+ <el-form :model="forms" ref="queryForm" size="small" :inline="true" label-width="68px">
+ <el-form-item label="浣撴鍙�" prop="tjNum">
+ <el-input v-model="forms.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable />
+ </el-form-item>
+ <!-- <el-form-item label="浣撴绫诲瀷" prop="tblx">
<el-select
v-model="forms.tblx"
:popper-append-to-body="false"
@@ -85,94 +133,107 @@
/>
</el-select>
</el-form-item> -->
- <el-form-item>
- <el-button
- type="primary"
- size="mini"
- @click="handleManuals"
- >鎵嬪伐鍚屾</el-button
- >
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
- >閲嶇疆</el-button
- >
- </el-form-item>
- </el-form>
+ <el-form-item>
+ <el-button type="primary" size="mini" @click="handleManuals">鎵嬪伐鍚屾</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
</div>
-
+
</div>
- </template>
-
- <script>
-import { shoudongtbjyjcwsxmjg,addCaiYangDengJi} from "@/api/system/menu";
- export default {
-
- name: "Manual",
- dicts: [
- "dict_user_national",
-
- ],
- data() {
- return{
- queryParams: {
+ </div>
+</template>
+
+<script>
+import { shoudongtbjyjcwsxmjg, addCaiYangDengJi, chaxunjyjcwsxmjg } from "@/api/system/menu";
+export default {
+ name: "Manual",
+ dicts: [
+ "dict_user_national",
+ ],
+ data() {
+ return {
+ loading: false,
+ tjStatus: 0,
+ groupingList: [
+ {
+ price: 10
+ }
+ ],
+ queryParams: {
tjh: null,
- tblx: null,
+ tblx: "jy",
},
forms: {
tjNum: null,
tblx: null,
},
- CompanyList:[
+ CompanyList: [
{
- tblx:"妫�楠�",
- tblxId:"jy"
-
+ tblx: "妫�楠�",
+ tblxId: "jy"
},
{
- tblx:"妫�鏌�",
- tblxId:"jc"
-
+ tblx: "妫�鏌�",
+ tblxId: "jc"
},
{
- tblx:"妫�楠屽拰妫�鏌�",
- tblxId:"jyjc"
-
+ tblx: "妫�楠屽拰妫�鏌�",
+ tblxId: "jyjc"
}
]
- }
- },
- created() {
+ }
+ },
+ created() {
// this.handleManual();
- },
- methods: {
- handleManual() {
- shoudongtbjyjcwsxmjg(this.queryParams).then(res => {
- this.$modal.msgSuccess("鍚屾鎴愬姛");
- })
- },
- handleManuals() {
- addCaiYangDengJi(this.forms).then(res => {
- this.$modal.msgSuccess("鎵嬪姩娣诲姞閲囨牱鏁版嵁鍚屾鎴愬姛");
- })
- },
- resetQuery() {
- this.resetForm("queryForm");
-},
+ },
+ methods: {
+ radioChange(value) {
+ if (value == 0) {
+ this.queryParams.tblx = "jy"
+ } else if (value == 1) {
+ this.queryParams.tblx = "jc"
+ }
-idFn1(value) {
+ },
+ handleManual() {
+ shoudongtbjyjcwsxmjg(this.queryParams).then(res => {
+ this.$modal.msgSuccess("鍚屾鎴愬姛");
+ })
+ },
+ handleManuals() {
+ addCaiYangDengJi(this.forms).then(res => {
+ this.$modal.msgSuccess("鎵嬪姩娣诲姞閲囨牱鏁版嵁鍚屾鎴愬姛");
+ })
+ },
+ resetQuery() {
+ this.resetForm("queryForm");
+ },
+
+ idFn1(value) {
if (value) {
- console.log(value)
+ console.log(value)
}
},
-
- }
- };
- </script>
- <style scoped>
- .el-select-dropdown{
- position: absolute !important;
- top: 30px !important;
- left: 0px !important;
- }
-
- </style>
-
\ No newline at end of file
+ handleQuery() {
+ chaxunjyjcwsxmjg(this.queryParams).then(res => {
+ this.groupingList = res.data
+ })
+ },
+ handleChange(selection) {
+ },
+
+ }
+};
+</script>
+<style scoped>
+.cent {
+ margin-top: 20px;
+}
+
+.el-select-dropdown {
+ position: absolute !important;
+ top: 30px !important;
+ left: 0px !important;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0