押金管理渲染

src/api/deposit.js

+import request from '@/utils/request'
+
+//获取患者押金列表=
+export function getuserlist(params) {
+  return request({
+    url: '/api/his/getuserlist',
+    method: 'get',
+    params: params
+  })
+}
+
+//获取病例中心，有效患者名称=
+export function gethisuser(params) {
+  return request({
+    url: '/api/his/gethisuser',
+    method: 'get',
+    params: params
+  })
+}
+
+//新增押金=
+export function adddeposit(data) {
+  return request({
+    url: '/api/his/adddeposit',
+    method: 'post',
+    data: data
+  })
+}
+
+//新增一条退款申请=
+export function refundapplication(data) {
+  return request({
+    url: '/api/his/refundapplication',
+    method: 'post',
+    data: data
+  })
+}
+
+//更改退款申请=
+export function changerefund(data) {
+  return request({
+    url: '/api/his/changerefund',
+    method: 'post',
+    data: data
+  })
+}
+
+//获取新增押金编号=
+export function getdepositcode(params) {
+  return request({
+    url: '/api/his/getdepositcode',
+    method: 'get',
+    params: params
+  })
+}
+
+//获取退款编号=
+export function getdeletecode(params) {
+  return request({
+    url: '/api/his/getdeletecode',
+    method: 'get',
+    params: params
+  })
+}
+
+//充值明细列表=
+export function rechargedetails(params) {
+  return request({
+    url: '/api/his/rechargedetails',
+    method: 'get',
+    params: params
+  })
+}
+
+//押金审核=
+export function updeposit(params) {
+  return request({
+    url: '/api/his/updeposit',
+    method: 'get',
+    params: params
+  })
+}
+
+//押金删除=
+export function deletehistory(params) {
+  return request({
+    url: '/api/his/deletehistory',
+    method: 'get',
+    params: params
+  })
+}
+
+//充值汇总列表=
+export function rechargesummary(params) {
+  return request({
+    url: '/api/his/rechargesummary',
+    method: 'get',
+    params: params
+  })
+}
+
+//根据患者id获取押金流水
+export function depositflow(params) {
+  return request({
+    url: '/api/his/depositflow',
+    method: 'get',
+    params: params
+  })
+}
+
+//扣费明细查询=
+export function deductiondetails(params) {
+  return request({
+    url: '/api/his/deductiondetails',
+    method: 'get',
+    params: params
+  })
+}
+
+//扣费汇总=
+export function desummary(params) {
+  return request({
+    url: '/api/his/desummary',
+    method: 'get',
+    params: params
+  })
+}
+
+//根据患者id查询患者的余额=
+export function idtobalance(params) {
+  return request({
+    url: '/api/his/idtobalance',
+    method: 'get',
+    params: params
+  })
+}
+
+//退款审核通过/拒绝=
+export function refundreview(params) {
+  return request({
+    url: '/api/his/refundreview',
+    method: 'get',
+    params: params
+  })
+}
+
+//退款删除=
+export function deleterefund(params) {
+  return request({
+    url: '/api/his/deleterefund',
+    method: 'get',
+    params: params
+  })
+}
+
+//退款分页=
+export function refundlist(params) {
+  return request({
+    url: '/api/his/refundlist',
+    method: 'get',
+    params: params
+  })
+}
+
+//获取机构名称
+export function getorgname(params) {
+  return request({
+    url: '/api/his/getorgname',
+    method: 'get',
+    params: params
+  })
+}

src/xt_pages/DepositManagement/DeductionDetailsSummary.vue

             <DeductionSummary></DeductionSummary>
           </el-tab-pane>
         </el-tabs>
-        <div
-          style="position: absolute; top: 80px; right: 40px"
-          v-if="activeName == 'first'"
-        >
-          <el-button size="small" type="primary" @click="Add()">
-            新增
-          </el-button>
-        </div>
+<!--        <div-->
+<!--          style="position: absolute; top: 80px; right: 40px"-->
+<!--          v-if="activeName == 'first'"-->
+<!--        >-->
+<!--          <el-button size="small" type="primary" @click="Add()">-->
+<!--            新增-->
+<!--          </el-button>-->
+<!--        </div>-->
       </div>
       <el-dialog
         title="新增押金"
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/DepositRefund.vue

 <template>
+<!--  退款列表-->
   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
                 style="width: 200px; margin-left: 10px"
                 class="filter-item"
                 placeholder="请输入编号/患者名称"
-                v-model.trim="keywords"
+                v-model.trim="keyword"
               />
             </div>
 
             <div style="margin-right: 30px">
               退款类型：
-              <el-select v-model="value" placeholder="请选择">
+              <el-select v-model="refundtype" placeholder="请选择" @change="updaterefundtype">
                 <el-option
-                  v-for="item in [1, 2]"
-                  :key="item"
-                  :label="item"
-                  :value="item"
+                  v-for="item in refundtypelist"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.value"
                 >
                 </el-option>
               </el-select>
 
             <div style="margin-right: 30px">
               审核状态：
-              <el-select v-model="status" placeholder="请选择">
+              <el-select v-model="examinetype" placeholder="请选择" @change="updateexaminetype">
                 <el-option
-                  v-for="item in [1, 2]"
-                  :key="item"
-                  :label="item"
-                  :value="item"
+                  v-for="item in examinelist"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.value"
                 >
                 </el-option>
               </el-select>
             <div style="width: 465px">
               <span>日期查询：</span>
               <el-date-picker
-                v-model="date"
+                v-model="value1"
                 type="daterange"
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
               >
               </el-date-picker>
             </div>
 
           <el-table-column label="申请编号" align="center">
             <template slot-scope="scope">
-              <span></span>
+              <span>{{scope.row.deposit_code  ? scope.row.deposit_code  : ""}}</span>
             </template>
           </el-table-column>
           <el-table-column label="患者名称" align="center">
             <template slot-scope="scope">
-              <span></span>
+              <span>{{scope.row.his_name  ? scope.row.his_name  : ""}}</span>
             </template>
           </el-table-column>
 
           <el-table-column label="退款类型" align="center">
             <template slot-scope="scope">
-              <span></span>
+<!--              <span>{{scope.row.deposit_code  ? scope.row.deposit_code  : ""}}</span>-->
+              <span v-if="scope.row.deposit_status == 3">手动退款</span>
+              <span v-if="scope.row.deposit_status == 4">自动退费</span>
             </template>
           </el-table-column>
           <el-table-column label="退款金额" align="center">
             <template slot-scope="scope">
-              <span></span>
+              <span>{{scope.row.deposit  ? scope.row.deposit  : ""}}</span>
             </template>
           </el-table-column>
           <el-table-column label="退款状态" align="center">
             <template slot-scope="scope">
-              <span></span>
-            </template>
-          </el-table-column>
-          <el-table-column label="备注" align="center">
-            <template slot-scope="scope">
-              <span></span>
+<!--              <span>{{scope.row.deposit_code  ? scope.row.deposit_code  : ""}}</span>-->
+              <span v-if="scope.row.trial_status == 0 && scope.row.deposit_status == 3">未审核</span>
+              <span v-if="scope.row.trial_status == 1 && scope.row.deposit_status == 3">已审核</span>
+              <span v-if="scope.row.trial_status == 2 && scope.row.deposit_status == 3">审核拒绝</span>
+              <span v-if="scope.row.deposit_status == 4">-</span>
             </template>
           </el-table-column>
           <el-table-column label="申请人" align="center">
             <template slot-scope="scope">
-              <span></span>
+              <span>{{scope.row.name  ? scope.row.name  : ""}}</span>
             </template>
           </el-table-column>
           <el-table-column label="申请时间" align="center">
             <template slot-scope="scope">
-              <span></span>
+              <span>{{scope.row.starttime  ? scope.row.starttime  : ""}}</span>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" width="350px">
             </template>
           </el-table-column>
         </el-table>
-        <div>充值金额合计：<span></span></div>
+<!--        <div>充值金额合计：<span>{{sum}}</span></div>-->
       </div>
 
       <el-dialog
         width="30%"
         :show-close="close"
       >
-        <refundAdd></refundAdd>
+        <refundAdd ref="refuna_add" v-bind="$attrs"></refundAdd>
         <span slot="footer" class="dialog-footer">
           <el-button @click="pass">审核通过</el-button>
           <el-button type="primary" @click="Submit">保 存</el-button>
         </span>
       </el-dialog>
+
+      <el-dialog
+        title="编辑退款"
+        :visible.sync="dialogVisible02"
+        width="30%"
+        :show-close="close"
+      >
+        <refundUpdate ref="refuna_up" v-bind="$attrs"></refundUpdate>
+        <span slot="footer" class="dialog-footer">
+<!--          <el-button @click="pass">审核通过</el-button>-->
+          <el-button type="primary" @click="Submit02">保 存</el-button>
+        </span>
+      </el-dialog>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
 import refundAdd from "./Template/refundAdd.vue";
+import refundUpdate from "./Template/refundUpdate.vue";
+import {
+  refundlist,
+  deleterefund,
+  refundreview
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
     refundAdd,
+    refundUpdate,
   },
   data() {
     return {
+      refundtypelist:[{name:"全部",value:0},{name:"手动退款",value: 3},{name:"自动退费",value: 4}],
+      examinelist:[{name:"全部",value:3},{name:"未审核",value: 0},{name:"已审核",value: 1},{name:"审核拒绝",value: 2}],
       status: "",
       value: "",
       crumbs: [
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "充值详情" },
       ],
-      tableData: [{}, {}],
-      total: 0,
-      page: 1,
-      limit: 10,
-      keywords: "",
+      tableData: [],
+      multipleSelection: [],
+      // total: 0,
+      // page: 1,
+      // limit: 10,
+      keyword: "",
+      value1:"",
+      start_time:"",
+      end_time:"",
+      // sum:"",
       dialogVisible: false,
+      dialogVisible02:false,
       close: false,
-      date:""
+      refundtype: 0,//退款类型
+      examinetype: 3,//审核类型
+
     };
   },
 
+  created(){
+    this.search()
+  },
   methods: {
     // 初始化数据
     init() {},
+    updaterefundtype(){
+      console.log("refundtype",this.refundtype)
+    },
+    updateexaminetype(){
+      console.log("examinetype",this.examinetype)
+    },
 
     // 查询操作
-    search() {},
+    search() {
+      // alert("gagaga")
+      // console.log("value1",this.value1)
+      if (this.value1 != null){
+        if(this.value1[0] != undefined && this.value1[1] != undefined){
+          this.start_time = this.value1[0]
+          this.end_time = this.value1[1]
+        }
+      }else {
+        this.start_time = ""
+        this.end_time = ""
+      }
+      var params = {
+        keyword: this.keyword,
+        start_time: this.start_time,
+        end_time: this.end_time,
+        refundtype: this.refundtype,
+        examinetype: this.examinetype,
+      };
+      // console.log("params",params)
+      refundlist(params).then((res) => {
+        if (res.data.state == 1){
+          this.tableData = res.data.data.list;
+        }
+      })
+    },
 
     // 新增
     to_add() {
       this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs['refuna_add'].closePop();
+        this.$refs['refuna_add'].getcode();
+        this.$refs['refuna_add'].getusername();
+      })
     },
 
     // 编辑
-    edit(){},
+    edit(data,val){
+      if(data.trial_status != 0){
+        alert("当前状态不可编辑")
+          return
+      }
+      this.dialogVisible02 = true;
+      this.$nextTick(() => {
+        this.$refs['refuna_up'].getinformation(data, val);
+        this.$refs['refuna_up'].getusername();
+        this.$refs['refuna_up'].updateconfig();
+      })
+    },
 
     // 删除
-    toDelete(){},
+    toDelete(val,index) {
+      var params = {
+        id:val.id,
+      };
+      this.$confirm("是否确定删除?", {
+        confirmButtonText: "确 定",
+        cancelButtonText: "取 消",
+        type: "warning",
+      }).then(() => {
+        deleterefund(params).then((res) => {
+          if (res.data.state == 1) {
+            this.$message.success(res.data.data.list);
+          }else {
+            this.$message.error(res.data.msg);
+          }
+        })//刷新
+          .then(() =>{
+            this.search();
+          })
+          .catch((err) => {
+            console.log(err)
+          })
+      }).catch(() => {});
+    },
 
     // 审核通过
-    pass_exam() {},
+    pass_exam() {
+      if(this.multipleSelection.length < 1){
+        alert("未选择任何信息")
+        return
+      }
+      var tmp = "";
+      console.log("初始值",tmp)
+      for (var i=0;i < this.multipleSelection.length;i++){
+        tmp = tmp + this.multipleSelection[i].id + ","
+      }
+      var params = {
+        ids: tmp,
+        trial_status: 1,
+      }
+      refundreview(params).then((res) => {
+        if (res.data.state == 1){
+          this.$message.success("审核通过");
+          this.search();
+        }else {
+          this.$message.error("审核失败：" + res.data.msg);
+        }
+      })
+
+    },
 
     // 审核拒绝
-    reject_exam() {},
+    reject_exam() {
+      if(this.multipleSelection.length < 1){
+        alert("未选择任何信息")
+        return
+      }
+      var tmp = "";
+      console.log("初始值",tmp)
+      for (var i=0;i < this.multipleSelection.length;i++){
+        tmp = tmp + this.multipleSelection[i].id + ","
+      }
+      var params = {
+        ids: tmp,
+        trial_status: 2,
+      }
+      refundreview(params).then((res) => {
+        if (res.data.state == 1){
+          this.$message.success("审核拒绝成功");
+          this.search();
+        }else {
+          this.$message.error("审核拒绝失败：" + res.data.msg);
+        }
+      })
 
-    // 提交
-    Submit() {},
+    },
 
+    // 提交
+    Submit() {
+      this.$refs['refuna_add'].subfrom();
+      // setTimeout(() => {
+      //   this.$refs['rechange_details'].search();
+      // },500)
+    },
+    Submit02(){
+      this.$refs['refuna_up'].subfrom();
+    },
     // 退款申请审核
-    pass(){},
+    pass(){
+      this.$refs['refuna_add'].examine();
+    },
+    pli() {
+      // alert("父组件被调用!")
+      this.dialogVisible = false;
+    },
+    pli02() {
+      // alert("父组件被调用!")
+      this.dialogVisible02 = false;
+    },
 
     // 列表选择
-    handleSelectionChange(){}
+    handleSelectionChange(val){
+        this.multipleSelection = val
+        console.log("this.multipleSelection",this.multipleSelection)
+    }
   },
 };
 </script>

src/xt_pages/DepositManagement/DepositSearch.vue

 <template>
+<!-- 押金查询-->
   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
         "
       >
         <div>
-          <el-input
-            size="small"
-            style="width: 200px; margin-left: 10px"
-            class="filter-item"
-            placeholder="请输入患者名称"
-            v-model.trim="keywords"
-          />
+<!--          <el-input-->
+<!--            size="small"-->
+<!--            style="width: 200px; margin-left: 10px"-->
+<!--            class="filter-item"-->
+<!--            placeholder="请输入患者名称"-->
+<!--            v-model.trim="keyword"-->
+<!--          />-->
+          <el-select v-model.trim="keyword" clearable filterable placeholder="请输入患者名称" @select="handleSelect" ><!--@change="updateconfig1(h1)"-->
+            <el-option
+              v-for="item in users"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
           <el-button
             size="small"
             class="filter-item"
         </el-table-column>
         <el-table-column label="患者名称" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.his_patient_name ? scope.row.his_patient_name : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="可用金额" align="center">
           <template slot-scope="scope">
-            <span>{{ scope.row.drug_spec ? scope.row.drug_spec : "" }}</span>
+            <span>{{ scope.row.deposit ? scope.row.deposit : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" width="450px">
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  gethisuser,
+  getuserlist
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "押金查询" },
       ],
-      tableData: [{}, {}],
+      tableData: [],
       total: 0,
       page: 1,
       limit: 10,
-      keywords:''
+      keyword:'',
+      users:[],//可用患者列表
     };
   },
+  created(){
+    this.init()
+    this.getuser()
+  },
 
   methods: {
     // 初始化数据
-    init() {},
+    init() {
+      //分页
+      var params = {
+        keyword: this.keyword,
+        page: this.page,
+        limit: this.limit,
+      };
+      getuserlist(params).then((res) =>{
+        if (res.data.state == 1){
+          this.total = res.data.data.total;
+          this.tableData = res.data.data.list;
+        }
+      })
+    },
+
+    //获取患者列表
+    getuser(){
+      var params = {};
+      gethisuser(params).then((res) =>{
+        if (res.data.state == 1){
+          this.users = res.data.data.list;
+        }
+        console.log("this.users",this.users)
+      })
+    },
 
     // 查询操作
-    search() {},
+    search() {
+      var params = {
+        keyword: this.keyword,
+        page: this.page,
+        limit: this.limit,
+      };
+      getuserlist(params).then((res) =>{
+        if (res.data.state == 1){
+          this.total = res.data.data.total;
+          this.tableData = res.data.data.list;
+        }
+      })
+    },
 
     // 页表操作
     handleSizeChange(val) {
       this.page = val;
       this.init();
     },
+    handleSelect(item){
+      this.keyword = item.id
+    },
+    updateconfig(){
+      console.log("keyword",this.keyword)
+    },
 
     // 流水详情
-    toDetails() {
-      this.$router.push({ path: "/DepositManagement/DepositDetails" });
+    toDetails(data,val) {
+      console.log("data",data)
+      console.log("data",val)
+      this.$router.push({ path: "/DepositManagement/DepositDetails",query:{key:data}});
     },
   },
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/RechargeDetailsSummary.vue

       <div style="width: 100%">
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="充值明细" name="first">
-            <RechangeDetails></RechangeDetails>
+            <RechangeDetails ref="rechange_details"></RechangeDetails>
           </el-tab-pane>
           <el-tab-pane label="充值汇总" name="second">
-            <RechargeSummary></RechargeSummary>
+            <RechargeSummary ref="recharge_summary"></RechargeSummary>
           </el-tab-pane>
         </el-tabs>
         <div
         :show-close="close"
       >
         <!-- <span>这是一段信息</span> -->
-        <RechangeAd></RechangeAd>
+        <RechangeAd ref="add_page" v-bind="$attrs"></RechangeAd>
         <span slot="footer" class="dialog-footer">
           <el-button @click="pass">审核通过</el-button>
           <el-button type="primary" @click="Submit">提 交</el-button>
       close: false,
     };
   },
-
   methods: {
     // 初始化数据
-    init() {},
+    init() {
+
+    },
 
     // 查询操作
     search() {},
     // 切换明细
     handleClick(tab, event) {
-      console.log(tab, event);
+      // console.log(tab, event);
+      if(tab.name == "first"){
+        // alert("充值明细")
+        this.$refs['rechange_details'].search();
+      }else {
+        // alert("充值汇总")
+        this.$refs['recharge_summary'].search();
+      }
     },
     // 页表操作
     handleSizeChange(val) {
     // 新增
     Add() {
       this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs['add_page'].closePop();
+        this.$refs['add_page'].getcode();
+        this.$refs['add_page'].getusername();
+      })
     },
 
     // 审核通过
-    pass() {},
+    pass() {
+      this.$refs['add_page'].examine();
+    },
 
     // 提交
-    Submit() {},
+    Submit() {
+      // this.$nextTick(() => {
+        this.$refs['add_page'].subfrom();
+        // setTimeout(() => {
+        this.$refs['rechange_details'].search();
+        // },500)
+
+      // })
+    },
+    pli() {
+      // alert("父组件被调用!")
+      this.dialogVisible = false;
+    },
   },
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/Template/DeductionDetails.vue

 <template>
+<!--  扣费明细-->
   <div class="main-contain">
     <div class="app-container">
       <div
               style="width: 200px; margin-left: 10px"
               class="filter-item"
               placeholder="请输入编号/患者名称"
-              v-model.trim="keywords"
+              v-model.trim="keyword"
             />
           </div>
 
               range-separator="至"
               start-placeholder="开始日期"
               end-placeholder="结束日期"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
             >
             </el-date-picker>
           </div>
         </el-table-column>
         <el-table-column label="就诊号" align="center" width="300">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.code	 ? scope.row.code : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="患者名称" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.name	 ? scope.row.name	 : "" }}</span>
           </template>
         </el-table-column>
 
         <el-table-column label="医收费类型" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.chargetype	 ? scope.row.chargetype	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="医疗费总额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.total	 ? scope.row.total	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="押金支付金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.decimal	 ? scope.row.decimal	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="收费日期" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.charge_date	 ? scope.row.charge_date	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" width="350px">
         </el-table-column>
       </el-table>
 
-      <div>押金支付金额合计：<span></span></div>
+      <div>押金支付金额合计：<span>{{sum}}</span></div>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  deductiondetails
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "押金查询" },
       ],
-      tableData: [{}, {}],
-      total: 0,
-      page: 1,
-      limit: 10,
-      keywords: "",
+      tableData: [],
+      // total: 0,
+      // page: 1,
+      // limit: 10,
+      keyword: "",
       value1: "",
+      start_time:"",
+      end_time:"",
+      sum:""
     };
   },
 
+  created(){
+    this.search()
+  },
   methods: {
     // 初始化数据
     init() {},
 
     // 查询操作
-    search() {},
+    search() {
+      // this.value1 = ["2022-04-10","2022-05-10"],有空在改。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
+      // console.log("value1",this.value1)
+      if (this.value1 != null){
+        if(this.value1[0] != undefined && this.value1[1] != undefined){
+          this.start_time = this.value1[0]
+          this.end_time = this.value1[1]
+        }
+      }else {
+        this.start_time = ""
+        this.end_time = ""
+      }
+      var params = {
+        keyword: this.keyword,
+        start_time: this.start_time,
+        end_time: this.end_time,
+      };
+      console.log("params",params)
+      deductiondetails(params).then((res) => {
+        if (res.data.state == 1){
+          this.tableData = res.data.data.list;
+          this.sum = res.data.data.sum;
+        }
+      })
+    },
 
     // 查看详情
     Details() {},
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/Template/DeductionSummary.vue

 <template>
+<!--  扣费汇总-->
   <div class="main-contain">
     <div class="app-container">
       <div
               style="width: 200px; margin-left: 10px"
               class="filter-item"
               placeholder="请输入编号/患者名称"
-              v-model.trim="keywords"
+              v-model.trim="keyword"
             />
           </div>
 
               range-separator="至"
               start-placeholder="开始日期"
               end-placeholder="结束日期"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
             >
             </el-date-picker>
           </div>
 
         <el-table-column label="患者名称" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.name	 ? scope.row.name	 : "" }}</span>
           </template>
         </el-table-column>
 
         <el-table-column label="医疗费总额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.total	 ? scope.row.total	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="押金支付金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.decimal	 ? scope.row.decimal	 : "" }}</span>
           </template>
         </el-table-column>
       </el-table>
 
-      <div>押金支付金额合计：<span></span></div>
+      <div>押金支付金额合计：<span>{{sum}}</span></div>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  desummary
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "押金查询" },
       ],
-      tableData: [{}, {}],
-      total: 0,
-      page: 1,
-      limit: 10,
-      keywords: "",
+      tableData: [{},{},{}],
+      // total: 0,
+      // page: 1,
+      // limit: 10,
+      keyword: "",
       value1: "",
+      start_time:"",
+      end_time:"",
+      sum:""
     };
   },
 
+  created(){
+    this.search()
+  },
   methods: {
     // 初始化数据
     init() {},
 
     // 查询操作
-    search() {},
+    search() {
+      if (this.value1 != null){
+        if(this.value1[0] != undefined && this.value1[1] != undefined){
+          this.start_time = this.value1[0]
+          this.end_time = this.value1[1]
+        }
+      }else {
+        this.start_time = ""
+        this.end_time = ""
+      }
+      var params = {
+        keyword: this.keyword,
+        start_time: this.start_time,
+        end_time: this.end_time,
+      };
+      console.log("params",params)
+      desummary(params).then((res) => {
+        if (res.data.state == 1){
+          this.tableData = res.data.data.list;
+          this.sum = res.data.data.sum;
+        }
+      })
+    },
 
     // 删除
     toDelete() {},
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/Template/DepositDetails.vue

 <template>
+<!--  押金流水-->
   <div class="main-contain">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
         "
       >
         <div style="width: 200px">
-          <span>患者名称：</span>
+          <span>患者名称：{{name}}</span>
         </div>
         <div style="width: 200px">
-          <span>可用金额：</span>
+          <span>可用金额：{{sum}}</span>
         </div>
       </div>
       <div
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            @change="search"
           >
           </el-date-picker>
         </div>
         <div style="width: 300px">
           <span>押金类型：</span>
-          <el-select v-model="value" placeholder="请选择">
+          <el-select v-model="deposit_status" placeholder="请选择" @change="search">
             <el-option
-              v-for="item in [1,2]"
-              :key="item"
-              :label="item"
-              :value="item"
+              v-for="item in depositlist"
+              :key="item.name"
+              :label="item.name"
+              :value="item.value"
             >
             </el-option>
           </el-select>
         </el-table-column>
         <el-table-column label="押金类型" align="center">
           <template slot-scope="scope">
-            <span></span>
+<!--            <span>{{ scope.row.deposit_status	 ? scope.row.deposit_status	 : "" }}</span>-->
+            <span v-if="scope.row.deposit_status == 1">充值</span>
+            <span v-if="scope.row.deposit_status == 2">扣费</span>
+            <span v-if="scope.row.deposit_status == 3">退款</span>
+            <span v-if="scope.row.deposit_status == 4">退费</span>
           </template>
         </el-table-column>
         <el-table-column label="充值/扣费单据编码" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.deposit_code	 ? scope.row.deposit_code	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="充值金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+<!--            <span>{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>-->
+            <span v-if="scope.row.deposit_status == 1">{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>
+            <span v-if="scope.row.deposit_status == 2">-</span>
+            <span v-if="scope.row.deposit_status == 3">-</span>
+            <span v-if="scope.row.deposit_status == 4">{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="扣费金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+<!--            <span>{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>-->
+            <span v-if="scope.row.deposit_status == 1">-</span>
+            <span v-if="scope.row.deposit_status == 2">{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>
+            <span v-if="scope.row.deposit_status == 3">{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>
+            <span v-if="scope.row.deposit_status == 4">-</span>
           </template>
         </el-table-column>
         <el-table-column label="可用金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.surplus_deposit	 ? scope.row.surplus_deposit	 : "" }}</span>
           </template>
         </el-table-column>
-       
+
       </el-table>
 
     </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  refundlist,
+  depositflow
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "流水详情" },
       ],
-      tableData: [{}, {}],
-      total: 0,
-      page: 1,
-      limit: 10,
-      keywords: "",
-      value1:""
+      tableData: [],
+      depositlist:[{name:"全部",value:0},{name:"充值",value:1},{name:"扣费",value:2},{name:"退款",value:3},{name:"退费",value:4}],
+      value1:"",
+      start_time:"",
+      end_time:"",
+      id: 0,
+      name: "",
+      sum:0,
+      deposit_status:0,
     };
   },
-
+  created(){
+    this.init();
+    this.search();
+  },
   methods: {
     // 初始化数据
-    init() {},
-
+    init() {
+      // this.$route.query.key
+      // console.log("this.$route.query.key",this.$route.query.key);
+      this.name = this.$route.query.key.his_patient_name
+      this.id = this.$route.query.key.his_patient_id
+    },
+    // lili(){
+    //   alert("触发")
+    // },
+    // ljc(){
+    //   alert(this.deposit_status)
+    // },
     // 查询操作
-    search() {},
+    search() {
+      if (this.value1 != null){
+        if(this.value1[0] != undefined && this.value1[1] != undefined){
+          this.start_time = this.value1[0]
+          this.end_time = this.value1[1]
+        }
+      }else {
+        this.start_time = ""
+        this.end_time = ""
+      }
+      var params = {
+        id: this.id,
+        start_time: this.start_time,
+        end_time: this.end_time,
+        deposit_status: this.deposit_status,
+      };
+      // console.log("params",params)
+      depositflow(params).then((res) => {
+        if (res.data.state == 1){
+          this.tableData = res.data.data.list;
+          this.sum = res.data.data.decimal;
+        }
+      })
+    },
   },
 };
 </script>
 /deep/ .el-range-separator {
   width: 10%;
 }
-</style>
+</style>

src/xt_pages/DepositManagement/Template/RechargeDetails.vue

 <template>
+<!--  充值明细-->
   <div class="main-contain">
     <div class="app-container">
       <div
               style="width: 200px; margin-left: 10px"
               class="filter-item"
               placeholder="请输入编号/患者名称"
-              v-model.trim="keywords"
+              v-model.trim="keyword"
             />
           </div>
 
               range-separator="至"
               start-placeholder="开始日期"
               end-placeholder="结束日期"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
             >
             </el-date-picker>
           </div>
         </el-table-column>
         <el-table-column label="单据编号" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.deposit_code	 ? scope.row.deposit_code	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="患者名称" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.his_name	 ? scope.row.his_name	 : "" }}</span>
           </template>
         </el-table-column>
 
         <el-table-column label="充值金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.deposit	 ? scope.row.deposit	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="审核状态" align="center">
           <template slot-scope="scope">
-            <span></span>
+<!--            <span>{{ scope.row.trial_status	 ? scope.row.trial_status	 : "" }}</span>-->
+            <span v-if="scope.row.trial_status == 1">审核通过</span>
+            <span v-if="scope.row.trial_status == 0">未审核</span>
+            <span v-if="scope.row.trial_status == 2">审核拒绝</span>
           </template>
         </el-table-column>
         <el-table-column label="创建人" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.name	 ? scope.row.name	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="充值时间" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.starttime	 ? scope.row.starttime	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.remarks	 ? scope.row.remarks	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" width="350px">
       </el-table>
 
       <div>
-          充值金额合计：<span></span>
+          充值金额合计：<span>{{sum}}</span>
       </div>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  rechargedetails,
+  deletehistory,
+  updeposit
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "押金查询" },
       ],
-      tableData: [{}, {}],
-      total: 0,
-      page: 1,
-      limit: 10,
-      keywords: "",
-      value1:""
+      tableData: [],
+      // total: 0,
+      // page: 1,
+      // limit: 10,
+      keyword: "",
+      value1:"",//日期
+      start_time:"",
+      end_time:"",
+      sum:""
     };
   },
-
+  created(){
+    this.search()
+  },
   methods: {
     // 初始化数据
     init() {},
 
     // 查询操作
-    search() {},
+    search() {
+      // alert("gagaga")
+      console.log("value1",this.value1)
+      if (this.value1 != null){
+        if(this.value1[0] != undefined && this.value1[1] != undefined){
+          this.start_time = this.value1[0]
+          this.end_time = this.value1[1]
+        }
+      }else {
+        this.start_time = ""
+        this.end_time = ""
+      }
+      var params = {
+        keyword: this.keyword,
+        start_time: this.start_time,
+        end_time: this.end_time,
+      };
+      console.log("params",params)
+      rechargedetails(params).then((res) => {
+        if (res.data.state == 1){
+          this.tableData = res.data.data.list;
+          this.sum = res.data.data.sum;
+        }
+      })
+    },
 
     // 删除
-    toDelete() {},
+    toDelete(val,index) {
+      var params = {
+        id:val.id,
+      };
+      this.$confirm("是否确定删除?", {
+        confirmButtonText: "确 定",
+        cancelButtonText: "取 消",
+        type: "warning",
+      }).then(() => {
+        deletehistory(params).then((res) => {
+          if (res.data.state == 1) {
+            this.$message.success(res.data.data.list);
+          }else {
+            this.$message.error(res.data.msg);
+          }
+        })//刷新
+          .then(() =>{
+            this.search();
+          })
+          .catch((err) => {
+            console.log(err)
+          })
+      }).catch(() => {});
+    },
 
     // 审核
-    examine() {},
+    examine(val,index) {
+      var params = {
+        id:val.id,
+      };
+      updeposit(params).then((res) =>{
+        if (res.data.state == 1) {
+          this.$message.success(res.data.data.list);
+        }else {
+          this.$message.error(res.data.msg);
+        }
+      })
+      setTimeout(() => {
+        this.search();
+      },500)
+    },
 
     // 打印凭证
-    print(){
-      this.$router.push({path:"/DepositManagement/printindex"})
-    }
+    print(data,val){
+      console.log("data",data)
+      // alert("aaaaaaa")
+      this.$router.push({path:"/DepositManagement/printindex",query:{key:data}})
+    },
   },
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/Template/RechargeSummary.vue

 <template>
+<!--  充值汇总-->
   <div class="main-contain">
     <div class="app-container">
       <div
               size="small"
               style="width: 200px; margin-left: 10px"
               class="filter-item"
-              placeholder="请输入编号/患者名称"
-              v-model.trim="keywords"
+              placeholder="请输入患者名称"
+              v-model.trim="keyword"
             />
           </div>
 
               range-separator="至"
               start-placeholder="开始日期"
               end-placeholder="结束日期"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
             >
             </el-date-picker>
           </div>
       >
         <el-table-column type="index" label="序号" align="center" width="200">
         </el-table-column>
-        
+
         <el-table-column label="患者名称" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.his_name	 ? scope.row.his_name	 : "" }}</span>
           </template>
         </el-table-column>
 
         <el-table-column label="充值金额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.sum_decimal	 ? scope.row.sum_decimal	 : "" }}</span>
           </template>
         </el-table-column>
         <el-table-column label="押金余额" align="center">
           <template slot-scope="scope">
-            <span></span>
+            <span>{{ scope.row.decimal	 ? scope.row.decimal	 : "" }}</span>
           </template>
         </el-table-column>
-        
+
       </el-table>
 
       <div>
-          充值金额合计：<span></span>
+          充值金额合计：<span>{{sum}}</span>
       </div>
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  rechargesummary
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "押金查询" },
       ],
-      tableData: [{}, {}],
-      total: 0,
-      page: 1,
-      limit: 10,
-      keywords: "",
-      value1:""
+      tableData: [],
+      // total: 0,
+      // page: 1,
+      // limit: 10,
+      keyword: "",
+      value1:"",
+      start_time:"",
+      end_time:"",
+      sum:""
     };
   },
-
+  created(){
+    this.search()
+  },
   methods: {
     // 初始化数据
     init() {},
 
     // 查询操作
-    search() {},
+    search() {
+      // console.log("value1",this.value1)
+      if (this.value1 != null){
+        if(this.value1[0] != undefined && this.value1[1] != undefined){
+          this.start_time = this.value1[0]
+          this.end_time = this.value1[1]
+        }
+      }else {
+        this.start_time = ""
+        this.end_time = ""
+      }
+      var params = {
+        keyword: this.keyword,
+        start_time: this.start_time,
+        end_time: this.end_time,
+      };
+      console.log("params",params)
+      rechargesummary(params).then((res) => {
+        if (res.data.state == 1){
+          this.tableData = res.data.data.list;
+          this.sum = res.data.data.sum;
+        }
+      })
+    },
 
     // 删除
     toDelete() {},
 };
 </script>
 <style>
-</style>
+</style>

src/xt_pages/DepositManagement/Template/add_page.vue

 <template>
+<!--  新增押金中间的部分-->
   <div>
-    <el-form ref="form" :model="form" label-width="80px">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px" >
       <el-form-item label="押金编号">
-        <span>{{form.id}}</span>
+        <span>{{form.code}}</span>
       </el-form-item>
-      <el-form-item label="患者名称">
-        <el-input v-model="form.patient_name"></el-input>
+      <el-form-item label="患者名称" prop="patient_name">
+<!--        <el-input v-model="form.patient_name"></el-input>-->
+        <el-select v-model="form.patient_name" clearable filterable placeholder="请输入患者名称" @select="handleSelect" ><!--@change="updateconfig1(h1)"-->
+          <el-option
+            v-for="item in users"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+
       </el-form-item>
-      <el-form-item label="押金金额">
-        <el-input v-model="form.money"></el-input>
+      <el-form-item label="押金金额" prop="money">
+        <el-input v-model="form.money" ></el-input>
       </el-form-item>
       <el-form-item label="备注">
         <el-input type="textarea" v-model="form.remarks"></el-input>
   </div>
 </template>
 <script>
+import {
+  getdepositcode,
+  gethisuser,
+  adddeposit
+}from "@/api/deposit";
 export default {
   data() {
     return {
       form: {
         remarks:"",
-        id:"HSG47565",
+        code:"",
         patient_name:"",
         money:0
       },
+      users:[],//可用患者列表
+      trial_status:0,
+      //表单验证规则
+      rules: {
+        patient_name:[{
+          required:true,message:"患者姓名不能为空",trigger: "change"
+        }],
+        money:[{
+          required:true,message:"押金金额不能为空",trigger: "change"
+        }],
+      },
     };
   },
+  created(){
+    // this.getusername()
+  },
+  methods:{
+    getcode(){
+      var params = {}
+      getdepositcode(params).then((res) => {
+        if(res.data.state == 1){
+          this.form.code = res.data.data.list;
+        }
+      })
+    },
+    //获取患者列表
+    getusername(){
+      var params = {};
+      gethisuser(params).then((res) =>{
+        if (res.data.state == 1){
+          this.users = res.data.data.list;
+        }
+      })
+    },
+    //提交
+    subfrom(){
+      // console.log("========")
+      // this.$parent.$parent.pli();
+      // console.log("子组件",this.$parent.$parent)
+      // console.log("========")
+      var params = {
+        code: this.form.code,
+        his_patient_id: this.form.patient_name,
+        deposit: this.form.money,
+        remarks: this.form.remarks,
+        trial_status: this.trial_status,
+      }
+      adddeposit(params).then((res) =>{
+        if (res.data.state == 1){
+          this.$message.success("添加成功");
+          // this.closePop();
+          this.$parent.$parent.pli();
+          this.$parent.$parent.search();
+        }else {
+          this.$message.error("新增失败：" + res.data.msg);
+        }
+      })
+    },
+    handleSelect(item){
+      this.form.patient_name = item.id
+    },
+    //审核通过
+    examine(){
+      this.trial_status = 1
+    },
+    //清除表单数据
+    closePop(){
+      // alert("清除");
+      this.form.patient_name = "";
+      this.form.remarks = "";
+      this.form.money = 0;
+      this.trial_status = 0;
+    },
+  },
 };
 </script>
 

src/xt_pages/DepositManagement/Template/refundAdd.vue

 <template>
   <div>
-    <el-form ref="form" :model="form" label-width="80px">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
       <el-form-item label="申请编号">
-        <span>{{form.id}}</span>
+        <span>{{form.code}}</span>
       </el-form-item>
-      <el-form-item label="患者名称">
-        <el-input v-model="form.patient_name"></el-input>
+      <el-form-item label="患者名称" prop="patient_name">
+<!--        <el-input v-model="form.patient_name"></el-input>-->
+        <el-select v-model="form.patient_name" clearable filterable placeholder="请输入患者名称" @select="handleSelect" @change="updateconfig"><!--@change="updateconfig1(h1)"-->
+          <el-option
+            v-for="item in users"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="押金余额">
-        <span>{{form.id}}</span>
+      <el-form-item label="押金余额" prop="decote">
+        <span>{{decote}}</span>
       </el-form-item>
-     <el-form-item label="退款金额">
-        <el-input v-model="form.patient_name"></el-input>元
+     <el-form-item label="退款金额" prop="money">
+        <el-input v-model="form.money"></el-input>元
       </el-form-item>
     </el-form>
   </div>
 </template>
 <script>
+import {
+  getdeletecode,
+  gethisuser,
+  idtobalance,
+  refundapplication
+}from "@/api/deposit";
 export default {
   data() {
     return {
       form: {
         remarks:"",
-        id:"HSG47565",
-        patient_name:"",
-        money:0
+        code:"",//编号
+        patient_name:"",//患者名称
+        money:0//退款金额
+      },
+      users:[],//可用患者列表
+      trial_status:0,//审核
+      decote:0,//押金余额
+      rules: {
+        patient_name:[{
+          required:true,message:"患者姓名不能为空",trigger: "change"
+        }],
+        money:[{
+          required:true,message:"退款金额不能为空",trigger: "change"
+        }],
       },
     };
   },
+  methods:{
+    //获取编号
+    getcode(){
+      console.log("decote获取编号",this.decote)
+      var params = {}
+      getdeletecode(params).then((res) => {
+        if(res.data.state == 1){
+          this.form.code = res.data.data.list;
+        }
+      })
+    },
+    //获取患者列表
+    getusername(){
+      console.log("decote获取患者列表",this.decote)
+      var params = {};
+      gethisuser(params).then((res) =>{
+        if (res.data.state == 1){
+          this.users = res.data.data.list;
+        }
+      })
+    },
+    //获取用户押金余额
+    updateconfig(){
+      console.log("this.name",this.form.patient_name);
+      var params = {
+        his_patient_id: this.form.patient_name,
+      }
+      idtobalance(params).then((res) => {
+        if (res.data.state == 1){
+          this.decote = res.data.data.list;
+        }
+      })
+    },
+    handleSelect(item){
+      this.form.patient_name = item.id;
+
+    },
+
+    //提交
+    subfrom(){
+      var params = {
+        code: this.form.code,
+        his_patient_id: this.form.patient_name,
+        deposit: this.form.money,
+        trial_status: this.trial_status,
+      }
+      refundapplication(params).then((res) =>{
+        if (res.data.state == 1){
+          this.$message.success("添加成功");
+          // this.closePop();
+          this.$parent.$parent.pli();
+          this.$parent.$parent.search();
+        }else {
+          this.$message.error("新增失败：" + res.data.msg);
+        }
+      })
+    },
+    //审核通过
+    examine(){
+      this.trial_status = 1
+      alert(this.trial_status)
+    },
+    //清除表单数据
+    closePop(){
+      // alert("清除");
+      this.form.patient_name = "";
+      this.form.remarks = "";
+      this.form.money = 0;
+      this.trial_status = 0;
+      this.decote = 0;
+    },
+  }
 };
 </script>
 

src/xt_pages/DepositManagement/Template/refundUpdate.vue

+<template>
+  <div>
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-form-item label="申请编号">
+        <span>{{form.code}}</span>
+      </el-form-item>
+      <el-form-item label="患者名称" prop="patient_name">
+        <!--        <el-input v-model="form.patient_name"></el-input>-->
+        <el-select v-model="form.patient_name" clearable filterable placeholder="请输入患者名称" @select="handleSelect" @change="updateconfig"><!--@change="updateconfig1(h1)"-->
+          <el-option
+            v-for="item in users"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="押金余额" prop="decote">
+        <span>{{decote}}</span>
+      </el-form-item>
+      <el-form-item label="退款金额" prop="money">
+        <el-input v-model="form.money"></el-input>元
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import {
+  gethisuser,
+  idtobalance,
+  changerefund
+}from "@/api/deposit";
+export default {
+  data() {
+    return {
+      id:"",
+      form: {
+        remarks:"",
+        code:"",//编号
+        patient_name:"",//患者名称
+        money:0//退款金额
+      },
+      users:[],//可用患者列表
+      trial_status:0,//审核
+      decote:0,//押金余额
+      rules: {
+        patient_name:[{
+          required:true,message:"患者姓名不能为空",trigger: "change"
+        }],
+        money:[{
+          required:true,message:"退款金额不能为空",trigger: "change"
+        }],
+      },
+    };
+  },
+  methods:{
+    //获取信息
+    getinformation(data,type){
+      this.form.code = data.deposit_code;
+      this.form.patient_name = data.his_patient_id;
+      this.form.money = data.deposit;
+      this.trial_status = data.trial_status,
+      this.id = data.id;
+    },
+    //获取患者列表
+    getusername(){
+      console.log("decote获取患者列表",this.decote)
+      var params = {};
+      gethisuser(params).then((res) =>{
+        if (res.data.state == 1){
+          this.users = res.data.data.list;
+        }
+      })
+    },
+    //获取用户押金余额
+    updateconfig(){
+      console.log("this.name",this.form.patient_name);
+      var params = {
+        his_patient_id: this.form.patient_name,
+      }
+      idtobalance(params).then((res) => {
+        if (res.data.state == 1){
+          this.decote = res.data.data.list;
+        }
+      })
+    },
+    handleSelect(item){
+      this.form.patient_name = item.id;
+
+    },
+
+    //提交
+    subfrom(){
+      var params = {
+        id: this.id,
+        code: this.form.code,
+        his_patient_id: this.form.patient_name,
+        deposit: this.form.money,
+        trial_status: this.trial_status,
+      }
+      changerefund(params).then((res) =>{
+        if (res.data.state == 1){
+          this.$message.success("保存成功");
+          // this.closePop();
+          this.$parent.$parent.pli02();
+          this.$parent.$parent.search();
+        }else {
+          this.$message.error("保存失败：" + res.data.msg);
+        }
+      })
+    },
+    //审核通过
+    examine(){
+      if(this.trial_status == 1){
+        alert("已审核")
+      }
+      this.trial_status = 1
+
+    },
+    //清除表单数据
+    closePop(){
+      // alert("清除");
+      this.form.patient_name = "";
+      this.form.remarks = "";
+      this.form.money = 0;
+      this.trial_status = 0;
+      this.decote = 0;
+    },
+  }
+};
+</script>
+
+<style scoped>
+.el-input{
+  width: 50%;
+}
+
+.el-textarea{
+  width: 65%;
+}
+</style>

src/xt_pages/DepositManagement/print/printindex.vue

         <div class="dialysis-print-order">
           <div class="print">
             <h2>收据凭证</h2>
-            <p>收款日期： 2022年4月27日</p>
+            <p>收款日期： {{ time }}</p>
             <div class="content">
               <div style="display: flex; padding: 0 30px">
                 <div style="display: flex">
                   <div>收款单位：</div>
+                  <span>{{name}}</span>
                   <div
                     style="min-width: 224px; border-bottom: 1px solid #000"
                   ></div>
                 </div>
                 <div style="display: flex">
                   <div>收款方式：</div>
+                  <span>现金</span>
                   <div
                     style="min-width: 224px; border-bottom: 1px solid #000"
                   ></div>
               </div>
               <div style="display: flex; padding: 0 30px">
                 <div>人民币：</div>
-                ￥
+                ￥{{money}}
                 <div
                   style="min-width: 225px; border-bottom: 1px solid #000"
                 ></div>
               </div>
               <div style="display: flex; padding: 0 30px">
                 <div>收款是由：</div>
+<!--                <span>{{ li }}</span>-->
+                <span>预交押金</span>
                 <div style="width: 86%; border-bottom: 1px solid #000"></div>
               </div>
             </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import {
+  getorgname
+}from "@/api/deposit";
 export default {
   components: {
     BreadCrumb,
         { path: false, name: "押金管理" },
         { path: "/DepositManagement/DepositSearch", name: "打印凭证" },
       ],
+      name:"",//机构名称
+      time:"",//日期
+      money:"",//金额
     };
   },
+  created(){
+    this.init();
+    this.getname();
+  },
   methods: {
+    //获取机构名称
+    getname(){
+      var params = {};
+      getorgname(params).then((res) =>{
+        if (res.data.state == 1){
+          this.name = res.data.data.list;
+        }
+      })
+    },
+    init(){
+      this.money = this.$route.query.key.deposit
+      var tmp = this.$route.query.key.starttime
+      this.time = tmp.slice(0,4)+"年"+tmp.slice(5,7)+"月"+tmp.slice(8,10)+"日"
+      // this.li = this.time.slice(0,4)
+      // alert(this.time.slice(0,4))
+      // alert(this.time.slice(5,7))
+      // alert(this.time.slice(8,10))
+    },
     to_print() {
       const style =
         '@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;}';
   flex-direction: column;
   justify-content: space-evenly;
 }
-</style>
+</style>