Beginscherm Verkennen Help
Registreren Inloggen
elizebath
/
elizebeth
geforked van csx/Vue_New
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

押金管理

huangyw 2 jaren geleden
bovenliggende
8e2f9c60b7
commit
04d8270e48
21 gewijzigde bestanden met toevoegingen van 2158 en 402 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 1 1
      index.html
  2. 1 0
      src/lang/en.js
  3. 3 0
      src/lang/zh.js
  4. 2 0
      src/router/index.js
  5. 64 0
      src/router/modules/DepositManagement.js
  6. 1 1
      src/views/layout/Layout.vue
  7. 1 1
      src/views/layout/components/Sidebar/index.vue
  8. 109 0
      src/xt_pages/DepositManagement/DeductionDetailsSummary.vue
  9. 254 0
      src/xt_pages/DepositManagement/DepositRefund.vue
  10. 127 0
      src/xt_pages/DepositManagement/DepositSearch.vue
  11. 109 0
      src/xt_pages/DepositManagement/RechargeDetailsSummary.vue
  12. 137 0
      src/xt_pages/DepositManagement/Template/DeductionDetails.vue
  13. 118 0
      src/xt_pages/DepositManagement/Template/DeductionSummary.vue
  14. 130 0
      src/xt_pages/DepositManagement/Template/DepositDetails.vue
  15. 166 0
      src/xt_pages/DepositManagement/Template/RechargeDetails.vue
  16. 121 0
      src/xt_pages/DepositManagement/Template/RechargeSummary.vue
  17. 42 0
      src/xt_pages/DepositManagement/Template/add_page.vue
  18. 42 0
      src/xt_pages/DepositManagement/Template/refundAdd.vue
  19. 102 0
      src/xt_pages/DepositManagement/print/printindex.vue
  20. 2 3
      src/xt_pages/stock/inventoryTransfer/index.vue
  21. 626 396
      src/xt_pages/stock/stockQuery.vue

+ 1 - 1
index.html Bestand weergeven 

@@ -19,7 +19,7 @@
19 19
20 20 
   <body>
21 21 
     <script src="https://images.shengws.com/reconnecting-websocket.min.js"></script>
22 
-    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
22 
+    <script src="https://images.shengws.com/jquery.min.js"></script>
23 23 
     <script src="<%= htmlWebpackPlugin.options.path %>/tinymce4.7.5/tinymce.min.js"></script>
24 24 
     <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.config.js"></script>
25 25 
     <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.all.min.js"></script>

+ 1 - 0
src/lang/en.js Bestand weergeven 

@@ -87,6 +87,7 @@ export default {
87 87 
     data_dictionary: 'data_dictionary',
88 88 
     field_config: 'field_config',
89 89 
     template: 'Template',
90 
+    DepositManagement:'Deposit Management',
90 91 
     workforce: 'workforce',
91 92 
     appointment: 'appointment',
92 93 
     sign: 'sign',

+ 3 - 0
src/lang/zh.js Bestand weergeven 

@@ -174,6 +174,7 @@ export default {
174 174 
     selfPreparedMedicineIndex: '自备药管理',
175 175 
     selfPreparedMedicine: '自备药管理',
176 176 
     wareHouseManage:'仓库管理',
177 
+
177 178 
     inventoryTransfer:'库存调拨',
178 179
179 180 
     consumablesManagement: '耗材管理',
 
@@ -270,6 +271,8 @@ export default {
270 271 
     hisTool: 'HIS工具',
271 272 
     hospitalCharges: '住院收费',
272 273
274 
+    DepositManagement:'押金管理',
275 
+
273 276 
     summary_tool: '项目消费明细汇总',
274 277 
     labelPrint: '标签打印',
275 278 
     faPiao: '发票设置',

+ 2 - 0
src/router/index.js Bestand weergeven 

@@ -32,6 +32,7 @@ import outpatientPharmacy from './modules/outpatientPharmacy'
32 32 
 import hospitalRecord from './modules/hospitalRecord'
33 33 
 import hospitalStation from './modules/hospitalStation'
34 34 
 import hospitalCharges from './modules/hospitalCharges'
35 
+import DepositManagement from './modules/DepositManagement'
35 36 
 import hisTool from './modules/hisTool'
36 37 
 import supply from './modules/supply'
37 38 
 
@@ -153,6 +154,7 @@ var _asy_router_map = [
153 154 
   drugs,
154 155 
   selfPreparedMedicine,  //自备药管理模块
155 156 
   wareHouseManage,  //仓库管理模块
157 
+  DepositManagement, //押金管理模块
156 158 
   inventoryTransfer,    //库存调拨模块
157 159 
   otherManagement,
158 160 
   qcd,

+ 64 - 0
src/router/modules/DepositManagement.js Bestand weergeven 

@@ -0,0 +1,64 @@
1 
+import Layout from '@/views/layout/Layout'
2 
+
3 
+export default {
4 
+    path: '/DepositManagement',
5 
+    component: Layout,
6 
+    redirect: 'noredirect',
7 
+    name: 'DepositManagement',
8 
+    alwaysShow: true,
9 
+    meta: {
10 
+        title: 'DepositManagement',
11 
+        icon: 'stock',
12 
+        isChild: true
13 
+    },
14 
+    children: [
15 
+        {
16 
+            path: '/DepositManagement/DepositSearch',
17 
+            component: () => import('@/xt_pages/DepositManagement/DepositSearch'),
18 
+            name: 'DepositSearch',
19 
+            meta: { title: '押金查询', noCache: true }
20 
+        },
21 
+
22 
+        {
23 
+            path: '/DepositManagement/RechargeDetailsSummary',
24 
+            component: () => import('@/xt_pages/DepositManagement/RechargeDetailsSummary'),
25 
+            name: 'RechargeDetailsSummary',
26 
+            meta: { title: '押金充值明细汇总', noCache: true }
27 
+        },
28 
+        {
29 
+            path: '/DepositManagement/DeductionDetailsSummary',
30 
+            component: () => import('@/xt_pages/DepositManagement/DeductionDetailsSummary'),
31 
+            name: 'DeductionDetailsSummary',
32 
+            meta: { title: '押金扣费明细汇总', noCache: true }
33 
+        },
34 
+        {
35 
+            path: '/DepositManagement/DepositRefund',
36 
+            component: () => import('@/xt_pages/DepositManagement/DepositRefund'),
37 
+            name: 'DepositRefund',
38 
+            meta: { title: '押金退款', noCache: true }
39 
+        },
40 
+        {
41 
+            path: '/DepositManagement/DepositDetails',
42 
+            component: () => import('@/xt_pages/DepositManagement/Template/DepositDetails'),
43 
+            hidden: true,
44 
+            is_menu: false,
45 
+            name: 'DepositDetails',
46 
+            meta: {
47 
+                title: '流水详情',
48 
+                noCache: true
49 
+            }
50 
+        },
51 
+        {
52 
+            path: '/DepositManagement/printindex',
53 
+            component: () => import('@/xt_pages/DepositManagement/print/printindex'),
54 
+            hidden: true,
55 
+            is_menu: false,
56 
+            name: 'printindex',
57 
+            meta: {
58 
+                title: '打印凭证',
59 
+                noCache: true
60 
+            }
61 
+        }
62 
+
63 
+    ]
64 
+}

+ 1 - 1
src/views/layout/Layout.vue Bestand weergeven 

@@ -127,7 +127,7 @@ export default {
127 127 
     }
128 128 
   },
129 129 
   created(){
130 
-    let menzhen = ['hospitalStation',"hospitalRecord","hospitalCharges","hisTool",'outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord'];
130 
+    let menzhen = ['hospitalStation',"hospitalRecord","hospitalCharges","DepositManagement","hisTool",'outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord'];
131 131 
     let bingli = ['User','createPatient'];
132 132 
     let touxi = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
133 133 
     let kucun = ['stockManage','stockDrugs','selfPreparedMedicine','inventoryTransfer','wareHouseManage','otherManagement'];

+ 1 - 1
src/views/layout/components/Sidebar/index.vue Bestand weergeven 

@@ -69,7 +69,7 @@ export default {
69 69 
     navTitle:{
70 70 
       handler(newVal,oldVal){
71 71 
         if(newVal == 'HIS管理'){
72 
-          let nameArr = ['hospitalStation','hospitalRecord','hospitalCharges','hisTool','outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord',];
72 
+          let nameArr = ['hospitalStation','hospitalRecord','hospitalCharges','DepositManagement','hisTool','outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord',];
73 73 
           // console.log('permission_routers',this.permission_routers)
74 74 
           let routerArr = [];
75 75 
           this.permission_routers.map(item => {

+ 109 - 0
src/xt_pages/DepositManagement/DeductionDetailsSummary.vue Bestand weergeven 

@@ -0,0 +1,109 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <div style="width: 100%">
8 
+        <el-tabs v-model="activeName" @tab-click="handleClick">
9 
+          <el-tab-pane label="扣费明细" name="first">
10 
+            <DeductionDetails></DeductionDetails>
11 
+          </el-tab-pane>
12 
+          <el-tab-pane label="扣费汇总" name="second">
13 
+            <DeductionSummary></DeductionSummary>
14 
+          </el-tab-pane>
15 
+        </el-tabs>
16 
+        <div
17 
+          style="position: absolute; top: 80px; right: 40px"
18 
+          v-if="activeName == 'first'"
19 
+        >
20 
+          <el-button size="small" type="primary" @click="Add()">
21 
+            新增
22 
+          </el-button>
23 
+        </div>
24 
+      </div>
25 
+      <el-dialog
26 
+        title="新增押金"
27 
+        :visible.sync="dialogVisible"
28 
+        width="30%"
29 
+        :show-close="close"
30 
+      >
31 
+        <!-- <span>这是一段信息</span> -->
32 
+        <RechangeAd></RechangeAd>
33 
+        <span slot="footer" class="dialog-footer">
34 
+          <el-button @click="pass">审核通过</el-button>
35 
+          <el-button type="primary" @click="Submit">提 交</el-button>
36 
+        </span>
37 
+      </el-dialog>
38 
+    </div>
39 
+  </div>
40 
+</template>
41 
+<script>
42 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
43 
+import DeductionDetails from "./Template/DeductionDetails.vue";
44 
+import DeductionSummary from "./Template/DeductionSummary.vue";
45 
+import RechangeAd from "./Template/add_page.vue";
46 
+export default {
47 
+  components: {
48 
+    BreadCrumb,
49 
+    DeductionDetails,
50 
+    DeductionSummary,
51 
+    RechangeAd,
52 
+  },
53 
+  data() {
54 
+    return {
55 
+      crumbs: [
56 
+        { path: false, name: "押金管理" },
57 
+        { path: "/DepositManagement/DepositSearch", name: "充值详情" },
58 
+      ],
59 
+      activeName: "first",
60 
+      tableData: [{}, {}],
61 
+      total: 0,
62 
+      page: 1,
63 
+      limit: 10,
64 
+      keywords: "",
65 
+      dialogVisible: false,
66 
+      close: false,
67 
+    };
68 
+  },
69 
+
70 
+  methods: {
71 
+    // 初始化数据
72 
+    init() {},
73 
+
74 
+    // 查询操作
75 
+    search() {},
76 
+    // 切换明细
77 
+    handleClick(tab, event) {
78 
+      console.log(tab, event);
79 
+    },
80 
+    // 页表操作
81 
+    handleSizeChange(val) {
82 
+      this.limit = val;
83 
+      this.init();
84 
+    },
85 
+    handleCurrentChange(val) {
86 
+      this.page = val;
87 
+      this.init();
88 
+    },
89 
+
90 
+    // 流水详情
91 
+    toDetails() {
92 
+      this.$router.push({ path: "/DepositManagement/DepositDetails" });
93 
+    },
94 
+
95 
+    // 新增
96 
+    Add() {
97 
+      this.dialogVisible = true;
98 
+    },
99 
+
100 
+    // 审核通过
101 
+    pass() {},
102 
+
103 
+    // 提交
104 
+    Submit() {},
105 
+  },
106 
+};
107 
+</script>
108 
+<style>
109 
+</style>

+ 254 - 0
src/xt_pages/DepositManagement/DepositRefund.vue Bestand weergeven 

@@ -0,0 +1,254 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <div style="width: 100%">
8 
+        <div class="Top">
9 
+          <div>退款列表</div>
10 
+          <div class="btn_list">
11 
+            <el-button size="small" type="primary" @click="to_add">
12 
+              新增
13 
+            </el-button>
14 
+            <el-button size="small" type="primary" @click="pass_exam">
15 
+              审核通过
16 
+            </el-button>
17 
+            <el-button size="small" type="warning" @click="reject_exam">
18 
+              审核拒绝
19 
+            </el-button>
20 
+          </div>
21 
+        </div>
22 
+        <div
23 
+          style="
24 
+            justify-content: flex-start;
25 
+            margin: 0px 0 12px 0;
26 
+            display: flex;
27 
+            align-items: center;
28 
+          "
29 
+        >
30 
+          <div style="display: flex">
31 
+            <div style="width: 250px">
32 
+              <el-input
33 
+                size="small"
34 
+                style="width: 200px; margin-left: 10px"
35 
+                class="filter-item"
36 
+                placeholder="请输入编号/患者名称"
37 
+                v-model.trim="keywords"
38 
+              />
39 
+            </div>
40 
+
41 
+            <div style="margin-right: 30px">
42 
+              退款类型：
43 
+              <el-select v-model="value" placeholder="请选择">
44 
+                <el-option
45 
+                  v-for="item in [1, 2]"
46 
+                  :key="item"
47 
+                  :label="item"
48 
+                  :value="item"
49 
+                >
50 
+                </el-option>
51 
+              </el-select>
52 
+            </div>
53 
+
54 
+            <div style="margin-right: 30px">
55 
+              审核状态：
56 
+              <el-select v-model="status" placeholder="请选择">
57 
+                <el-option
58 
+                  v-for="item in [1, 2]"
59 
+                  :key="item"
60 
+                  :label="item"
61 
+                  :value="item"
62 
+                >
63 
+                </el-option>
64 
+              </el-select>
65 
+            </div>
66 
+
67 
+            <div style="width: 465px">
68 
+              <span>日期查询：</span>
69 
+              <el-date-picker
70 
+                v-model="date"
71 
+                type="daterange"
72 
+                range-separator="至"
73 
+                start-placeholder="开始日期"
74 
+                end-placeholder="结束日期"
75 
+              >
76 
+              </el-date-picker>
77 
+            </div>
78 
+            <el-button
79 
+              size="small"
80 
+              class="filter-item"
81 
+              type="primary"
82 
+              icon="el-icon-search"
83 
+              @click="search"
84 
+              >查询</el-button
85 
+            >
86 
+          </div>
87 
+        </div>
88 
+        <el-table
89 
+          ref="multipleTable"
90 
+          :header-cell-style="{
91 
+            backgroundColor: 'rgb(245, 247, 250)',
92 
+            color: '#606266',
93 
+          }"
94 
+          :data="tableData"
95 
+          @selection-change="handleSelectionChange"
96 
+          border
97 
+        >
98 
+          <el-table-column type="selection" width="55"> </el-table-column>
99 
+
100 
+          <el-table-column label="申请编号" align="center">
101 
+            <template slot-scope="scope">
102 
+              <span></span>
103 
+            </template>
104 
+          </el-table-column>
105 
+          <el-table-column label="患者名称" align="center">
106 
+            <template slot-scope="scope">
107 
+              <span></span>
108 
+            </template>
109 
+          </el-table-column>
110 
+
111 
+          <el-table-column label="退款类型" align="center">
112 
+            <template slot-scope="scope">
113 
+              <span></span>
114 
+            </template>
115 
+          </el-table-column>
116 
+          <el-table-column label="退款金额" align="center">
117 
+            <template slot-scope="scope">
118 
+              <span></span>
119 
+            </template>
120 
+          </el-table-column>
121 
+          <el-table-column label="退款状态" align="center">
122 
+            <template slot-scope="scope">
123 
+              <span></span>
124 
+            </template>
125 
+          </el-table-column>
126 
+          <el-table-column label="备注" align="center">
127 
+            <template slot-scope="scope">
128 
+              <span></span>
129 
+            </template>
130 
+          </el-table-column>
131 
+          <el-table-column label="申请人" align="center">
132 
+            <template slot-scope="scope">
133 
+              <span></span>
134 
+            </template>
135 
+          </el-table-column>
136 
+          <el-table-column label="申请时间" align="center">
137 
+            <template slot-scope="scope">
138 
+              <span></span>
139 
+            </template>
140 
+          </el-table-column>
141 
+          <el-table-column label="操作" align="center" width="350px">
142 
+            <template slot-scope="scope">
143 
+              <el-button
144 
+                size="small"
145 
+                type="primary"
146 
+                icon="el-icon-edit-outline"
147 
+                @click="edit(scope.row, scope.row.$index)"
148 
+              >
149 
+              </el-button>
150 
+              <el-button
151 
+                size="small"
152 
+                type="danger"
153 
+                icon="el-icon-delete"
154 
+                @click="toDelete(scope.row, scope.row.$index)"
155 
+              >
156 
+              </el-button>
157 
+            </template>
158 
+          </el-table-column>
159 
+        </el-table>
160 
+        <div>充值金额合计：<span></span></div>
161 
+      </div>
162 
+
163 
+      <el-dialog
164 
+        title="申请退款"
165 
+        :visible.sync="dialogVisible"
166 
+        width="30%"
167 
+        :show-close="close"
168 
+      >
169 
+        <refundAdd></refundAdd>
170 
+        <span slot="footer" class="dialog-footer">
171 
+          <el-button @click="pass">审核通过</el-button>
172 
+          <el-button type="primary" @click="Submit">保 存</el-button>
173 
+        </span>
174 
+      </el-dialog>
175 
+    </div>
176 
+  </div>
177 
+</template>
178 
+<script>
179 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
180 
+import refundAdd from "./Template/refundAdd.vue";
181 
+export default {
182 
+  components: {
183 
+    BreadCrumb,
184 
+    refundAdd,
185 
+  },
186 
+  data() {
187 
+    return {
188 
+      status: "",
189 
+      value: "",
190 
+      crumbs: [
191 
+        { path: false, name: "押金管理" },
192 
+        { path: "/DepositManagement/DepositSearch", name: "充值详情" },
193 
+      ],
194 
+      tableData: [{}, {}],
195 
+      total: 0,
196 
+      page: 1,
197 
+      limit: 10,
198 
+      keywords: "",
199 
+      dialogVisible: false,
200 
+      close: false,
201 
+      date:""
202 
+    };
203 
+  },
204 
+
205 
+  methods: {
206 
+    // 初始化数据
207 
+    init() {},
208 
+
209 
+    // 查询操作
210 
+    search() {},
211 
+
212 
+    // 新增
213 
+    to_add() {
214 
+      this.dialogVisible = true;
215 
+    },
216 
+
217 
+    // 编辑
218 
+    edit(){},
219 
+
220 
+    // 删除
221 
+    toDelete(){},
222 
+
223 
+    // 审核通过
224 
+    pass_exam() {},
225 
+
226 
+    // 审核拒绝
227 
+    reject_exam() {},
228 
+
229 
+    // 提交
230 
+    Submit() {},
231 
+
232 
+    // 退款申请审核
233 
+    pass(){},
234 
+
235 
+    // 列表选择
236 
+    handleSelectionChange(){}
237 
+  },
238 
+};
239 
+</script>
240 
+<style scoped>
241 
+.Top {
242 
+  width: 100%;
243 
+  height: 40px;
244 
+  display: flex;
245 
+  justify-content: space-between;
246 
+  align-items: center;
247 
+  border-bottom: 1px solid #e5e5e5;
248 
+  margin-bottom: 10px;
249 
+}
250 
+.btn_list {
251 
+  display: flex;
252 
+}
253 
+</style>>
254 
+

+ 127 - 0
src/xt_pages/DepositManagement/DepositSearch.vue Bestand weergeven 

@@ -0,0 +1,127 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <div
8 
+        style="
9 
+          justify-content: flex-start;
10 
+          margin: 0px 0 12px 0;
11 
+          display: flex;
12 
+          align-items: center;
13 
+        "
14 
+      >
15 
+        <div>
16 
+          <el-input
17 
+            size="small"
18 
+            style="width: 200px; margin-left: 10px"
19 
+            class="filter-item"
20 
+            placeholder="请输入患者名称"
21 
+            v-model.trim="keywords"
22 
+          />
23 
+          <el-button
24 
+            size="small"
25 
+            class="filter-item"
26 
+            type="primary"
27 
+            icon="el-icon-search"
28 
+            @click="search"
29 
+            >查询</el-button
30 
+          >
31 
+        </div>
32 
+      </div>
33 
+
34 
+      <el-table
35 
+        :header-cell-style="{
36 
+          backgroundColor: 'rgb(245, 247, 250)',
37 
+          color: '#606266',
38 
+        }"
39 
+        :data="tableData"
40 
+        border
41 
+      >
42 
+        <el-table-column type="index" label="序号" align="center" width="200">
43 
+        </el-table-column>
44 
+        <el-table-column label="患者名称" align="center">
45 
+          <template slot-scope="scope">
46 
+            <span></span>
47 
+          </template>
48 
+        </el-table-column>
49 
+        <el-table-column label="可用金额" align="center">
50 
+          <template slot-scope="scope">
51 
+            <span>{{ scope.row.drug_spec ? scope.row.drug_spec : "" }}</span>
52 
+          </template>
53 
+        </el-table-column>
54 
+        <el-table-column label="操作" align="center" width="450px">
55 
+          <template slot-scope="scope">
56 
+            <el-button
57 
+              size="small"
58 
+              type="primary"
59 
+              @click="toDetails(scope.row, scope.row.$index)"
60 
+            >
61 
+              流水详情
62 
+            </el-button>
63 
+          </template>
64 
+        </el-table-column>
65 
+      </el-table>
66 
+
67 
+      <el-pagination
68 
+        @size-change="handleSizeChange"
69 
+        @current-change="handleCurrentChange"
70 
+        :page-sizes="[10, 50, 100, 200, 500, 1000]"
71 
+        :page-size="10"
72 
+        background
73 
+        align="right"
74 
+        style="margin-top: 20px"
75 
+        layout="total, sizes, prev, pager, next, jumper"
76 
+        :total="total"
77 
+      >
78 
+      </el-pagination>
79 
+    </div>
80 
+  </div>
81 
+</template>
82 
+<script>
83 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
84 
+export default {
85 
+  components: {
86 
+    BreadCrumb,
87 
+  },
88 
+  data() {
89 
+    return {
90 
+      crumbs: [
91 
+        { path: false, name: "押金管理" },
92 
+        { path: "/DepositManagement/DepositSearch", name: "押金查询" },
93 
+      ],
94 
+      tableData: [{}, {}],
95 
+      total: 0,
96 
+      page: 1,
97 
+      limit: 10,
98 
+      keywords:''
99 
+    };
100 
+  },
101 
+
102 
+  methods: {
103 
+    // 初始化数据
104 
+    init() {},
105 
+
106 
+    // 查询操作
107 
+    search() {},
108 
+
109 
+    // 页表操作
110 
+    handleSizeChange(val) {
111 
+      this.limit = val;
112 
+      this.init();
113 
+    },
114 
+    handleCurrentChange(val) {
115 
+      this.page = val;
116 
+      this.init();
117 
+    },
118 
+
119 
+    // 流水详情
120 
+    toDetails() {
121 
+      this.$router.push({ path: "/DepositManagement/DepositDetails" });
122 
+    },
123 
+  },
124 
+};
125 
+</script>
126 
+<style>
127 
+</style>

+ 109 - 0
src/xt_pages/DepositManagement/RechargeDetailsSummary.vue Bestand weergeven 

@@ -0,0 +1,109 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <div style="width: 100%">
8 
+        <el-tabs v-model="activeName" @tab-click="handleClick">
9 
+          <el-tab-pane label="充值明细" name="first">
10 
+            <RechangeDetails></RechangeDetails>
11 
+          </el-tab-pane>
12 
+          <el-tab-pane label="充值汇总" name="second">
13 
+            <RechargeSummary></RechargeSummary>
14 
+          </el-tab-pane>
15 
+        </el-tabs>
16 
+        <div
17 
+          style="position: absolute; top: 80px; right: 40px"
18 
+          v-if="activeName == 'first'"
19 
+        >
20 
+          <el-button size="small" type="primary" @click="Add()">
21 
+            新增
22 
+          </el-button>
23 
+        </div>
24 
+      </div>
25 
+      <el-dialog
26 
+        title="新增押金"
27 
+        :visible.sync="dialogVisible"
28 
+        width="30%"
29 
+        :show-close="close"
30 
+      >
31 
+        <!-- <span>这是一段信息</span> -->
32 
+        <RechangeAd></RechangeAd>
33 
+        <span slot="footer" class="dialog-footer">
34 
+          <el-button @click="pass">审核通过</el-button>
35 
+          <el-button type="primary" @click="Submit">提 交</el-button>
36 
+        </span>
37 
+      </el-dialog>
38 
+    </div>
39 
+  </div>
40 
+</template>
41 
+<script>
42 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
43 
+import RechangeDetails from "./Template/RechargeDetails.vue";
44 
+import RechargeSummary from "./Template/RechargeSummary.vue";
45 
+import RechangeAd from "./Template/add_page.vue";
46 
+export default {
47 
+  components: {
48 
+    BreadCrumb,
49 
+    RechangeDetails,
50 
+    RechargeSummary,
51 
+    RechangeAd,
52 
+  },
53 
+  data() {
54 
+    return {
55 
+      crumbs: [
56 
+        { path: false, name: "押金管理" },
57 
+        { path: "/DepositManagement/DepositSearch", name: "充值详情" },
58 
+      ],
59 
+      activeName: "first",
60 
+      tableData: [{}, {}],
61 
+      total: 0,
62 
+      page: 1,
63 
+      limit: 10,
64 
+      keywords: "",
65 
+      dialogVisible: false,
66 
+      close: false,
67 
+    };
68 
+  },
69 
+
70 
+  methods: {
71 
+    // 初始化数据
72 
+    init() {},
73 
+
74 
+    // 查询操作
75 
+    search() {},
76 
+    // 切换明细
77 
+    handleClick(tab, event) {
78 
+      console.log(tab, event);
79 
+    },
80 
+    // 页表操作
81 
+    handleSizeChange(val) {
82 
+      this.limit = val;
83 
+      this.init();
84 
+    },
85 
+    handleCurrentChange(val) {
86 
+      this.page = val;
87 
+      this.init();
88 
+    },
89 
+
90 
+    // 流水详情
91 
+    toDetails() {
92 
+      this.$router.push({ path: "/DepositManagement/DepositDetails" });
93 
+    },
94 
+
95 
+    // 新增
96 
+    Add() {
97 
+      this.dialogVisible = true;
98 
+    },
99 
+
100 
+    // 审核通过
101 
+    pass() {},
102 
+
103 
+    // 提交
104 
+    Submit() {},
105 
+  },
106 
+};
107 
+</script>
108 
+<style>
109 
+</style>

+ 137 - 0
src/xt_pages/DepositManagement/Template/DeductionDetails.vue Bestand weergeven 

@@ -0,0 +1,137 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="app-container">
4 
+      <div
5 
+        style="
6 
+          justify-content: flex-start;
7 
+          margin: 0px 0 12px 0;
8 
+          display: flex;
9 
+          align-items: center;
10 
+        "
11 
+      >
12 
+        <div style="display: flex">
13 
+          <div style="width: 250px">
14 
+            <el-input
15 
+              size="small"
16 
+              style="width: 200px; margin-left: 10px"
17 
+              class="filter-item"
18 
+              placeholder="请输入编号/患者名称"
19 
+              v-model.trim="keywords"
20 
+            />
21 
+          </div>
22 
+
23 
+          <div style="width: 465px">
24 
+            <span>日期查询：</span>
25 
+            <el-date-picker
26 
+              v-model="value1"
27 
+              type="daterange"
28 
+              range-separator="至"
29 
+              start-placeholder="开始日期"
30 
+              end-placeholder="结束日期"
31 
+            >
32 
+            </el-date-picker>
33 
+          </div>
34 
+          <el-button
35 
+            size="small"
36 
+            class="filter-item"
37 
+            type="primary"
38 
+            icon="el-icon-search"
39 
+            @click="search"
40 
+            >查询</el-button
41 
+          >
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <el-table
46 
+        :header-cell-style="{
47 
+          backgroundColor: 'rgb(245, 247, 250)',
48 
+          color: '#606266',
49 
+        }"
50 
+        :data="tableData"
51 
+        border
52 
+      >
53 
+        <el-table-column type="index" label="序号" align="center" width="100">
54 
+        </el-table-column>
55 
+        <el-table-column label="就诊号" align="center" width="300">
56 
+          <template slot-scope="scope">
57 
+            <span></span>
58 
+          </template>
59 
+        </el-table-column>
60 
+        <el-table-column label="患者名称" align="center">
61 
+          <template slot-scope="scope">
62 
+            <span></span>
63 
+          </template>
64 
+        </el-table-column>
65 
+
66 
+        <el-table-column label="医收费类型" align="center">
67 
+          <template slot-scope="scope">
68 
+            <span></span>
69 
+          </template>
70 
+        </el-table-column>
71 
+        <el-table-column label="医疗费总额" align="center">
72 
+          <template slot-scope="scope">
73 
+            <span></span>
74 
+          </template>
75 
+        </el-table-column>
76 
+        <el-table-column label="押金支付金额" align="center">
77 
+          <template slot-scope="scope">
78 
+            <span></span>
79 
+          </template>
80 
+        </el-table-column>
81 
+        <el-table-column label="收费日期" align="center">
82 
+          <template slot-scope="scope">
83 
+            <span></span>
84 
+          </template>
85 
+        </el-table-column>
86 
+        <el-table-column label="操作" align="center" width="350px">
87 
+          <template slot-scope="scope">
88 
+            <el-button
89 
+              size="small"
90 
+              type="primary"
91 
+              @click="Details(scope.row, scope.row.$index)"
92 
+            >
93 
+              查看详情
94 
+            </el-button>
95 
+          </template>
96 
+        </el-table-column>
97 
+      </el-table>
98 
+
99 
+      <div>押金支付金额合计：<span></span></div>
100 
+    </div>
101 
+  </div>
102 
+</template>
103 
+<script>
104 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
105 
+export default {
106 
+  components: {
107 
+    BreadCrumb,
108 
+  },
109 
+  data() {
110 
+    return {
111 
+      crumbs: [
112 
+        { path: false, name: "押金管理" },
113 
+        { path: "/DepositManagement/DepositSearch", name: "押金查询" },
114 
+      ],
115 
+      tableData: [{}, {}],
116 
+      total: 0,
117 
+      page: 1,
118 
+      limit: 10,
119 
+      keywords: "",
120 
+      value1: "",
121 
+    };
122 
+  },
123 
+
124 
+  methods: {
125 
+    // 初始化数据
126 
+    init() {},
127 
+
128 
+    // 查询操作
129 
+    search() {},
130 
+
131 
+    // 查看详情
132 
+    Details() {},
133 
+  },
134 
+};
135 
+</script>
136 
+<style>
137 
+</style>

+ 118 - 0
src/xt_pages/DepositManagement/Template/DeductionSummary.vue Bestand weergeven 

@@ -0,0 +1,118 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="app-container">
4 
+      <div
5 
+        style="
6 
+          justify-content: flex-start;
7 
+          margin: 0px 0 12px 0;
8 
+          display: flex;
9 
+          align-items: center;
10 
+        "
11 
+      >
12 
+        <div style="display: flex">
13 
+          <div style="width: 250px">
14 
+            <el-input
15 
+              size="small"
16 
+              style="width: 200px; margin-left: 10px"
17 
+              class="filter-item"
18 
+              placeholder="请输入编号/患者名称"
19 
+              v-model.trim="keywords"
20 
+            />
21 
+          </div>
22 
+
23 
+          <div style="width: 465px">
24 
+            <span>日期查询：</span>
25 
+            <el-date-picker
26 
+              v-model="value1"
27 
+              type="daterange"
28 
+              range-separator="至"
29 
+              start-placeholder="开始日期"
30 
+              end-placeholder="结束日期"
31 
+            >
32 
+            </el-date-picker>
33 
+          </div>
34 
+          <el-button
35 
+            size="small"
36 
+            class="filter-item"
37 
+            type="primary"
38 
+            icon="el-icon-search"
39 
+            @click="search"
40 
+            >查询</el-button
41 
+          >
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <el-table
46 
+        :header-cell-style="{
47 
+          backgroundColor: 'rgb(245, 247, 250)',
48 
+          color: '#606266',
49 
+        }"
50 
+        :data="tableData"
51 
+        border
52 
+      >
53 
+        <el-table-column type="index" label="序号" align="center" width="200">
54 
+        </el-table-column>
55 
+
56 
+        <el-table-column label="患者名称" align="center">
57 
+          <template slot-scope="scope">
58 
+            <span></span>
59 
+          </template>
60 
+        </el-table-column>
61 
+
62 
+        <el-table-column label="医疗费总额" align="center">
63 
+          <template slot-scope="scope">
64 
+            <span></span>
65 
+          </template>
66 
+        </el-table-column>
67 
+        <el-table-column label="押金支付金额" align="center">
68 
+          <template slot-scope="scope">
69 
+            <span></span>
70 
+          </template>
71 
+        </el-table-column>
72 
+      </el-table>
73 
+
74 
+      <div>押金支付金额合计：<span></span></div>
75 
+    </div>
76 
+  </div>
77 
+</template>
78 
+<script>
79 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
80 
+export default {
81 
+  components: {
82 
+    BreadCrumb,
83 
+  },
84 
+  data() {
85 
+    return {
86 
+      crumbs: [
87 
+        { path: false, name: "押金管理" },
88 
+        { path: "/DepositManagement/DepositSearch", name: "押金查询" },
89 
+      ],
90 
+      tableData: [{}, {}],
91 
+      total: 0,
92 
+      page: 1,
93 
+      limit: 10,
94 
+      keywords: "",
95 
+      value1: "",
96 
+    };
97 
+  },
98 
+
99 
+  methods: {
100 
+    // 初始化数据
101 
+    init() {},
102 
+
103 
+    // 查询操作
104 
+    search() {},
105 
+
106 
+    // 删除
107 
+    toDelete() {},
108 
+
109 
+    // 审核
110 
+    examine() {},
111 
+
112 
+    // 打印凭证
113 
+    print() {},
114 
+  },
115 
+};
116 
+</script>
117 
+<style>
118 
+</style>

+ 130 - 0
src/xt_pages/DepositManagement/Template/DepositDetails.vue Bestand weergeven 

@@ -0,0 +1,130 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <div
8 
+        style="
9 
+          justify-content: flex-start;
10 
+          margin: 0px 0 12px 0;
11 
+          display: flex;
12 
+          align-items: center;
13 
+        "
14 
+      >
15 
+        <div style="width: 200px">
16 
+          <span>患者名称：</span>
17 
+        </div>
18 
+        <div style="width: 200px">
19 
+          <span>可用金额：</span>
20 
+        </div>
21 
+      </div>
22 
+      <div
23 
+        style="
24 
+          justify-content: flex-start;
25 
+          margin: 0px 0 12px 0;
26 
+          display: flex;
27 
+          align-items: center;
28 
+        "
29 
+      >
30 
+        <div style="width: 550px">
31 
+          <span>日期查询：</span>
32 
+          <el-date-picker
33 
+            v-model="value1"
34 
+            type="daterange"
35 
+            range-separator="至"
36 
+            start-placeholder="开始日期"
37 
+            end-placeholder="结束日期"
38 
+          >
39 
+          </el-date-picker>
40 
+        </div>
41 
+        <div style="width: 300px">
42 
+          <span>押金类型：</span>
43 
+          <el-select v-model="value" placeholder="请选择">
44 
+            <el-option
45 
+              v-for="item in [1,2]"
46 
+              :key="item"
47 
+              :label="item"
48 
+              :value="item"
49 
+            >
50 
+            </el-option>
51 
+          </el-select>
52 
+        </div>
53 
+      </div>
54 
+
55 
+      <el-table
56 
+        :header-cell-style="{
57 
+          backgroundColor: 'rgb(245, 247, 250)',
58 
+          color: '#606266',
59 
+        }"
60 
+        :data="tableData"
61 
+        border
62 
+      >
63 
+        <el-table-column type="index" label="序号" align="center" width="100">
64 
+        </el-table-column>
65 
+        <el-table-column label="押金类型" align="center">
66 
+          <template slot-scope="scope">
67 
+            <span></span>
68 
+          </template>
69 
+        </el-table-column>
70 
+        <el-table-column label="充值/扣费单据编码" align="center">
71 
+          <template slot-scope="scope">
72 
+            <span></span>
73 
+          </template>
74 
+        </el-table-column>
75 
+        <el-table-column label="充值金额" align="center">
76 
+          <template slot-scope="scope">
77 
+            <span></span>
78 
+          </template>
79 
+        </el-table-column>
80 
+        <el-table-column label="扣费金额" align="center">
81 
+          <template slot-scope="scope">
82 
+            <span></span>
83 
+          </template>
84 
+        </el-table-column>
85 
+        <el-table-column label="可用金额" align="center">
86 
+          <template slot-scope="scope">
87 
+            <span></span>
88 
+          </template>
89 
+        </el-table-column>
90 
+
91 
+      </el-table>
92 
+
93 
+    </div>
94 
+  </div>
95 
+</template>
96 
+<script>
97 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
98 
+export default {
99 
+  components: {
100 
+    BreadCrumb,
101 
+  },
102 
+  data() {
103 
+    return {
104 
+      crumbs: [
105 
+        { path: false, name: "押金管理" },
106 
+        { path: "/DepositManagement/DepositSearch", name: "流水详情" },
107 
+      ],
108 
+      tableData: [{}, {}],
109 
+      total: 0,
110 
+      page: 1,
111 
+      limit: 10,
112 
+      keywords: "",
113 
+      value1:""
114 
+    };
115 
+  },
116 
+
117 
+  methods: {
118 
+    // 初始化数据
119 
+    init() {},
120 
+
121 
+    // 查询操作
122 
+    search() {},
123 
+  },
124 
+};
125 
+</script>
126 
+<style scoped>
127 
+/deep/ .el-range-separator {
128 
+  width: 10%;
129 
+}
130 
+</style>

+ 166 - 0
src/xt_pages/DepositManagement/Template/RechargeDetails.vue Bestand weergeven 

@@ -0,0 +1,166 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="app-container">
4 
+      <div
5 
+        style="
6 
+          justify-content: flex-start;
7 
+          margin: 0px 0 12px 0;
8 
+          display: flex;
9 
+          align-items: center;
10 
+        "
11 
+      >
12 
+        <div style="display: flex">
13 
+          <div style="width: 250px">
14 
+            <el-input
15 
+              size="small"
16 
+              style="width: 200px; margin-left: 10px"
17 
+              class="filter-item"
18 
+              placeholder="请输入编号/患者名称"
19 
+              v-model.trim="keywords"
20 
+            />
21 
+          </div>
22 
+
23 
+          <div style="width: 465px">
24 
+            <span>日期查询：</span>
25 
+            <el-date-picker
26 
+              v-model="value1"
27 
+              type="daterange"
28 
+              range-separator="至"
29 
+              start-placeholder="开始日期"
30 
+              end-placeholder="结束日期"
31 
+            >
32 
+            </el-date-picker>
33 
+          </div>
34 
+          <el-button
35 
+            size="small"
36 
+            class="filter-item"
37 
+            type="primary"
38 
+            icon="el-icon-search"
39 
+            @click="search"
40 
+            >查询</el-button
41 
+          >
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <el-table
46 
+        :header-cell-style="{
47 
+          backgroundColor: 'rgb(245, 247, 250)',
48 
+          color: '#606266',
49 
+        }"
50 
+        :data="tableData"
51 
+        border
52 
+      >
53 
+        <el-table-column type="index" label="序号" align="center" width="200">
54 
+        </el-table-column>
55 
+        <el-table-column label="单据编号" align="center">
56 
+          <template slot-scope="scope">
57 
+            <span></span>
58 
+          </template>
59 
+        </el-table-column>
60 
+        <el-table-column label="患者名称" align="center">
61 
+          <template slot-scope="scope">
62 
+            <span></span>
63 
+          </template>
64 
+        </el-table-column>
65 
+
66 
+        <el-table-column label="充值金额" align="center">
67 
+          <template slot-scope="scope">
68 
+            <span></span>
69 
+          </template>
70 
+        </el-table-column>
71 
+        <el-table-column label="审核状态" align="center">
72 
+          <template slot-scope="scope">
73 
+            <span></span>
74 
+          </template>
75 
+        </el-table-column>
76 
+        <el-table-column label="创建人" align="center">
77 
+          <template slot-scope="scope">
78 
+            <span></span>
79 
+          </template>
80 
+        </el-table-column>
81 
+        <el-table-column label="充值时间" align="center">
82 
+          <template slot-scope="scope">
83 
+            <span></span>
84 
+          </template>
85 
+        </el-table-column>
86 
+        <el-table-column label="备注" align="center">
87 
+          <template slot-scope="scope">
88 
+            <span></span>
89 
+          </template>
90 
+        </el-table-column>
91 
+        <el-table-column label="操作" align="center" width="350px">
92 
+          <template slot-scope="scope">
93 
+            <el-button
94 
+              size="small"
95 
+              type="primary"
96 
+              @click="examine(scope.row, scope.row.$index)"
97 
+            >
98 
+              审核
99 
+            </el-button>
100 
+            <el-button
101 
+              size="small"
102 
+              type="primary"
103 
+              @click="print(scope.row, scope.row.$index)"
104 
+            >
105 
+              打印凭证
106 
+            </el-button>
107 
+            <el-button
108 
+              size="small"
109 
+              type="danger"
110 
+              @click="toDelete(scope.row, scope.row.$index)"
111 
+            >
112 
+              删除
113 
+            </el-button>
114 
+          </template>
115 
+        </el-table-column>
116 
+      </el-table>
117 
+
118 
+      <div>
119 
+          充值金额合计：<span></span>
120 
+      </div>
121 
+    </div>
122 
+  </div>
123 
+</template>
124 
+<script>
125 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
126 
+export default {
127 
+  components: {
128 
+    BreadCrumb,
129 
+  },
130 
+  data() {
131 
+    return {
132 
+      crumbs: [
133 
+        { path: false, name: "押金管理" },
134 
+        { path: "/DepositManagement/DepositSearch", name: "押金查询" },
135 
+      ],
136 
+      tableData: [{}, {}],
137 
+      total: 0,
138 
+      page: 1,
139 
+      limit: 10,
140 
+      keywords: "",
141 
+      value1:""
142 
+    };
143 
+  },
144 
+
145 
+  methods: {
146 
+    // 初始化数据
147 
+    init() {},
148 
+
149 
+    // 查询操作
150 
+    search() {},
151 
+
152 
+    // 删除
153 
+    toDelete() {},
154 
+
155 
+    // 审核
156 
+    examine() {},
157 
+
158 
+    // 打印凭证
159 
+    print(){
160 
+      this.$router.push({path:"/DepositManagement/printindex"})
161 
+    }
162 
+  },
163 
+};
164 
+</script>
165 
+<style>
166 
+</style>

+ 121 - 0
src/xt_pages/DepositManagement/Template/RechargeSummary.vue Bestand weergeven 

@@ -0,0 +1,121 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="app-container">
4 
+      <div
5 
+        style="
6 
+          justify-content: flex-start;
7 
+          margin: 0px 0 12px 0;
8 
+          display: flex;
9 
+          align-items: center;
10 
+        "
11 
+      >
12 
+        <div style="display: flex">
13 
+          <div style="width: 250px">
14 
+            <el-input
15 
+              size="small"
16 
+              style="width: 200px; margin-left: 10px"
17 
+              class="filter-item"
18 
+              placeholder="请输入编号/患者名称"
19 
+              v-model.trim="keywords"
20 
+            />
21 
+          </div>
22 
+
23 
+          <div style="width: 465px">
24 
+            <span>日期查询：</span>
25 
+            <el-date-picker
26 
+              v-model="value1"
27 
+              type="daterange"
28 
+              range-separator="至"
29 
+              start-placeholder="开始日期"
30 
+              end-placeholder="结束日期"
31 
+            >
32 
+            </el-date-picker>
33 
+          </div>
34 
+          <el-button
35 
+            size="small"
36 
+            class="filter-item"
37 
+            type="primary"
38 
+            icon="el-icon-search"
39 
+            @click="search"
40 
+            >查询</el-button
41 
+          >
42 
+        </div>
43 
+      </div>
44 
+
45 
+      <el-table
46 
+        :header-cell-style="{
47 
+          backgroundColor: 'rgb(245, 247, 250)',
48 
+          color: '#606266',
49 
+        }"
50 
+        :data="tableData"
51 
+        border
52 
+      >
53 
+        <el-table-column type="index" label="序号" align="center" width="200">
54 
+        </el-table-column>
55 
+
56 
+        <el-table-column label="患者名称" align="center">
57 
+          <template slot-scope="scope">
58 
+            <span></span>
59 
+          </template>
60 
+        </el-table-column>
61 
+
62 
+        <el-table-column label="充值金额" align="center">
63 
+          <template slot-scope="scope">
64 
+            <span></span>
65 
+          </template>
66 
+        </el-table-column>
67 
+        <el-table-column label="押金余额" align="center">
68 
+          <template slot-scope="scope">
69 
+            <span></span>
70 
+          </template>
71 
+        </el-table-column>
72 
+
73 
+      </el-table>
74 
+
75 
+      <div>
76 
+          充值金额合计：<span></span>
77 
+      </div>
78 
+    </div>
79 
+  </div>
80 
+</template>
81 
+<script>
82 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
83 
+export default {
84 
+  components: {
85 
+    BreadCrumb,
86 
+  },
87 
+  data() {
88 
+    return {
89 
+      crumbs: [
90 
+        { path: false, name: "押金管理" },
91 
+        { path: "/DepositManagement/DepositSearch", name: "押金查询" },
92 
+      ],
93 
+      tableData: [{}, {}],
94 
+      total: 0,
95 
+      page: 1,
96 
+      limit: 10,
97 
+      keywords: "",
98 
+      value1:""
99 
+    };
100 
+  },
101 
+
102 
+  methods: {
103 
+    // 初始化数据
104 
+    init() {},
105 
+
106 
+    // 查询操作
107 
+    search() {},
108 
+
109 
+    // 删除
110 
+    toDelete() {},
111 
+
112 
+    // 审核
113 
+    examine() {},
114 
+
115 
+    // 打印凭证
116 
+    print(){}
117 
+  },
118 
+};
119 
+</script>
120 
+<style>
121 
+</style>

+ 42 - 0
src/xt_pages/DepositManagement/Template/add_page.vue Bestand weergeven 

@@ -0,0 +1,42 @@
1 
+<template>
2 
+  <div>
3 
+    <el-form ref="form" :model="form" label-width="80px">
4 
+      <el-form-item label="押金编号">
5 
+        <span>{{form.id}}</span>
6 
+      </el-form-item>
7 
+      <el-form-item label="患者名称">
8 
+        <el-input v-model="form.patient_name"></el-input>
9 
+      </el-form-item>
10 
+      <el-form-item label="押金金额">
11 
+        <el-input v-model="form.money"></el-input>
12 
+      </el-form-item>
13 
+      <el-form-item label="备注">
14 
+        <el-input type="textarea" v-model="form.remarks"></el-input>
15 
+      </el-form-item>
16 
+    </el-form>
17 
+  </div>
18 
+</template>
19 
+<script>
20 
+export default {
21 
+  data() {
22 
+    return {
23 
+      form: {
24 
+        remarks:"",
25 
+        id:"HSG47565",
26 
+        patient_name:"",
27 
+        money:0
28 
+      },
29 
+    };
30 
+  },
31 
+};
32 
+</script>
33 
+
34 
+<style scoped>
35 
+.el-input{
36 
+    width: 50%;
37 
+}
38 
+
39 
+.el-textarea{
40 
+    width: 65%;
41 
+}
42 
+</style>

+ 42 - 0
src/xt_pages/DepositManagement/Template/refundAdd.vue Bestand weergeven 

@@ -0,0 +1,42 @@
1 
+<template>
2 
+  <div>
3 
+    <el-form ref="form" :model="form" label-width="80px">
4 
+      <el-form-item label="申请编号">
5 
+        <span>{{form.id}}</span>
6 
+      </el-form-item>
7 
+      <el-form-item label="患者名称">
8 
+        <el-input v-model="form.patient_name"></el-input>
9 
+      </el-form-item>
10 
+      <el-form-item label="押金余额">
11 
+        <span>{{form.id}}</span>
12 
+      </el-form-item>
13 
+     <el-form-item label="退款金额">
14 
+        <el-input v-model="form.patient_name"></el-input>元
15 
+      </el-form-item>
16 
+    </el-form>
17 
+  </div>
18 
+</template>
19 
+<script>
20 
+export default {
21 
+  data() {
22 
+    return {
23 
+      form: {
24 
+        remarks:"",
25 
+        id:"HSG47565",
26 
+        patient_name:"",
27 
+        money:0
28 
+      },
29 
+    };
30 
+  },
31 
+};
32 
+</script>
33 
+
34 
+<style scoped>
35 
+.el-input{
36 
+    width: 50%;
37 
+}
38 
+
39 
+.el-textarea{
40 
+    width: 65%;
41 
+}
42 
+</style>

+ 102 - 0
src/xt_pages/DepositManagement/print/printindex.vue Bestand weergeven 

@@ -0,0 +1,102 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+
7 
+    <div class="app-container">
8 
+      <div class="btn">
9 
+        <el-button type="primary" @click="to_print">打印</el-button>
10 
+      </div>
11 
+      <div id="dialysis-print-box">
12 
+        <div class="dialysis-print-order">
13 
+          <div class="print">
14 
+            <h2>收据凭证</h2>
15 
+            <p>收款日期： 2022年4月27日</p>
16 
+            <div class="content">
17 
+              <div style="display: flex; padding: 0 30px">
18 
+                <div style="display: flex">
19 
+                  <div>收款单位：</div>
20 
+                  <div
21 
+                    style="min-width: 224px; border-bottom: 1px solid #000"
22 
+                  ></div>
23 
+                </div>
24 
+                <div style="display: flex">
25 
+                  <div>收款方式：</div>
26 
+                  <div
27 
+                    style="min-width: 224px; border-bottom: 1px solid #000"
28 
+                  ></div>
29 
+                </div>
30 
+              </div>
31 
+              <div style="display: flex; padding: 0 30px">
32 
+                <div>人民币：</div>
33 
+                ￥
34 
+                <div
35 
+                  style="min-width: 225px; border-bottom: 1px solid #000"
36 
+                ></div>
37 
+              </div>
38 
+              <div style="display: flex; padding: 0 30px">
39 
+                <div>收款是由：</div>
40 
+                <div style="width: 86%; border-bottom: 1px solid #000"></div>
41 
+              </div>
42 
+            </div>
43 
+          </div>
44 
+        </div>
45 
+      </div>
46 
+    </div>
47 
+  </div>
48 
+</template>
49 
+<script>
50 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
51 
+export default {
52 
+  components: {
53 
+    BreadCrumb,
54 
+  },
55 
+  data() {
56 
+    return {
57 
+      crumbs: [
58 
+        { path: false, name: "押金管理" },
59 
+        { path: "/DepositManagement/DepositSearch", name: "打印凭证" },
60 
+      ],
61 
+    };
62 
+  },
63 
+  methods: {
64 
+    to_print() {
65 
+      const style =
66 
+        '@media print {.dialysis-print-order{width:960px;margin:0 auto} .print h2{text-align: center;} .print p{width: 85%;text-align: right;} .content{width: 70%;height: 250px;border: 1px solid #000;margin: 20px auto;display: flex;flex-direction: column;justify-content: space-evenly;}';
67 
+      printJS({
68 
+        printable: "dialysis-print-box",
69 
+        type: "html",
70 
+        style: style,
71 
+        scanStyles: false,
72 
+      });
73 
+    },
74 
+  },
75 
+};
76 
+</script>
77 
+
78 
+<style scoped>
79 
+.btn {
80 
+  position: absolute;
81 
+  top: 60px;
82 
+  right: 40px;
83 
+}
84 
+
85 
+.print h2 {
86 
+  text-align: center;
87 
+}
88 
+
89 
+.print p {
90 
+  width: 85%;
91 
+  text-align: right;
92 
+}
93 
+.content {
94 
+  width: 70%;
95 
+  height: 250px;
96 
+  border: 1px solid #000;
97 
+  margin: 20px auto;
98 
+  display: flex;
99 
+  flex-direction: column;
100 
+  justify-content: space-evenly;
101 
+}
102 
+</style>

+ 2 - 3
src/xt_pages/stock/inventoryTransfer/index.vue Bestand weergeven 

@@ -53,11 +53,10 @@
53 53 
           color: '#606266',
54 54 
         }"
55 55 
         :data="tableData"
56 
-        :class="signAndWeighBoxPatients"
57 56 
         border
58 57 
         @selection-change="handleSelectionChange"
59 58 
       >
60 
-        >
59 
+
61 60 
         <el-table-column type="selection" width="55"> </el-table-column>
62 61 
         <el-table-column label="单据编号" align="center">
63 62 
           <template slot-scope="scope">
 
@@ -110,7 +109,6 @@
110 109 
               >
111 110 
               </el-button>
112 111 
             </el-tooltip>
113 
-
114 112 
             <el-tooltip class="item" content="删除" placement="top-start">
115 113 
               <el-button
116 114 
                 icon="el-icon-delete"
 
@@ -133,6 +131,7 @@
133 131 
           </template>
134 132 
         </el-table-column>
135 133 
       </el-table>
134 
+
136 135 
       <el-pagination
137 136 
         @size-change="handleSizeChange"
138 137 
         @current-change="handleCurrentChange"

Diff onderdrukt omdat het te groot bestand
+ 626 - 396
src/xt_pages/stock/stockQuery.vue