su

su1124

2024-03-08 facb80c84fb77e0003213572cfa1851017286584

su

 src/views/hosp/Summary/index.vue

@@ -61,7 +61,6 @@
import { getlistWater, getWater, getdatalist, addTjSummary, getNewDate, getbigntime } from "@/api/hosp/water";
import { getInfo } from "@/api/login";
import moment from "moment";
import {getNewDateList} from "@/api/hosp/order";
export default {
  name: "Water",
  data() {
@@ -137,26 +136,15 @@
          this.queryParams.tollCollectorId = response.user.userId;
        });
      });
      // getNewDate().then((response) => {
      //   if (response.code === 200) {
      //     this.queryParams.accountEndTime = moment(response.data).format("YYYY-MM-DD HH:mm:ss")
      //   }
      // });
      getNewDateList().then((response) => {
      getNewDate().then((response) => {
        if (response.code === 200) {
          this.queryParams.accountEndTime = moment(response.data).format("YYYY-MM-DD 23:59:00")
          this.queryParams.accountEndTime = moment(response.data).format("YYYY-MM-DD HH:mm:ss")
        }
      });
      // getbigntime().then((response) => {
      //   if (response.code === 200) {
      //     this.queryParams.accountBeginTime =
      //       moment(response.data).format("YYYY-MM-DD HH:mm:ss")
      //   }
      // });
      getNewDateList().then((response) => {
      getbigntime().then((response) => {
        if (response.code === 200) {
          this.queryParams.accountBeginTime =
            moment(response.data).format("YYYY-MM-DD 00:00:00")
            moment(response.data).format("YYYY-MM-DD HH:mm:ss")
        }
      });
    },

 src/views/hosp/about/index.vue

@@ -1,154 +1,63 @@
<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryForm"
      size="small"
      :inline="true"
      v-show="showSearch"
      label-width="110px"
    >
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
      <el-row>
        <el-col :span="6">
          <el-form-item
            label="交款员"
            prop="tollCollectorName"
            style="display: flex"
          >
            <el-select
              v-model="queryParams.tollCollectorName"
              filterable
              placeholder="请选择交款员"
              clearable
              @clear="getCompanyList"
              @change="idFn"
            >
              <el-option
                v-for="dict in CompanyList"
                :key="dict.userId"
                :label="dict.nickName"
                :value="dict.userId"
              />
          <el-form-item label="交款员" prop="tollCollectorName" style="display: flex;">
            <el-select v-model="queryParams.tollCollectorName" filterable placeholder="请选择交款员" clearable
              @clear="getCompanyList" @change="idFn">
              <el-option v-for="dict in CompanyList" :key="dict.userId" :label="dict.nickName" :value="dict.userId" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="14">
          <el-form-item
            label="交账时间"
            prop="tollCollectorName"
            style="display: flex"
          >
            <el-date-picker
              v-model="value1"
              type="datetimerange"
              :picker-options="pickerOptions"
              :default-time="['00:00:00', '23:59:00']"
              format="yyyy-MM-dd HH:mm"
              value-format="yyyy-MM-dd HH:mm"
              start-placeholder="起止日期"
              end-placeholder="终止日期"
            >
          <el-form-item label="交账时间" prop="tollCollectorName" style="display: flex;">
            <el-date-picker v-model="value1" type="datetimerange" :picker-options="pickerOptions"
              value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起止日期" end-placeholder="终止日期"
              :default-time="['12:00:00']">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="3">
          <el-form-item>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="mini"
              @click="handleQuery"
              >搜索</el-button
            >
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
          </el-form-item>
        </el-col>
      </el-row>



    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button icon="el-icon-edit" size="mini" @click="handleDelete"
          >撤销</el-button
        >
        <el-button icon="el-icon-edit" size="mini" @click="handleDelete">撤销</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button icon="el-icon-edit" size="mini" @click="handledocument"
          >补打单据</el-button
        >
        <el-button icon="el-icon-edit" size="mini" @click="handledocument">补打单据</el-button>
      </el-col>
    </el-row>

    <el-table
      :row-class-name="tableRowClassName"
      style="width: 80%"
      :data="tableData"
      @selection-change="handleSelect"
      ref="multipleTable"
      border
    >
    <el-table :row-class-name="tableRowClassName" style="width: 80%" :data="tableData" @selection-change="handleSelect"
      ref="multipleTable" border>
      <el-table-column type="selection" width="55"> </el-table-column>
      <el-table-column
        label="交款员"
        align="center"
        prop="tollCollector"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="收费金额"
        align="center"
        prop="amountReceived"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="退费金额"
        align="center"
        prop="refundAmount"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="应交款"
        align="center"
        prop="payable"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="交账时间"
        align="center"
        prop="createTime"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="起止时间"
        align="center"
        prop="accountBeginTime"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="截止时间"
        align="center"
        prop="accountEndTime"
        :show-overflow-tooltip="true"
      />
      <el-table-column label="交款员" align="center" prop="tollCollector" :show-overflow-tooltip="true" />
      <el-table-column label="收费金额" align="center" prop="amountReceived" :show-overflow-tooltip="true" />
      <el-table-column label="退费金额" align="center" prop="refundAmount" :show-overflow-tooltip="true" />
      <el-table-column label="应交款" align="center" prop="payable" :show-overflow-tooltip="true" />
      <el-table-column label="交账时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
      <el-table-column label="起止时间" align="center" prop="accountBeginTime" :show-overflow-tooltip="true" />
      <el-table-column label="截止时间" align="center" prop="accountEndTime" :show-overflow-tooltip="true" />
    </el-table>

    <div class="pag">
      <div class="pag1">
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
          @pagination="getList" />
      </div>
    </div>

    <el-table
      :data="allList"
      style="margin-top: 60px; width: 80%"
      show-summary
      border
    >
    <el-table :data="allList" style="margin-top: 60px; width: 80%" show-summary border>
      <el-table-column label="付款方式" align="center" prop="payType" />
      <el-table-column label="收费金额" align="center" prop="amountReceived">
      </el-table-column>
@@ -159,13 +68,7 @@
</template>
  
<script>
import { getNewDateList } from "@/api/hosp/order";
import {
  getcolllist,
  getdatalist,
  delById,
  getNewDate,
} from "@/api/hosp/water";
import { getcolllist, getdatalist, delById, getNewDate } from "@/api/hosp/water";
import { getInfo } from "@/api/login";
import moment from "moment";

@@ -257,6 +160,7 @@
  created() {
    this.getList();
    this.getCompanyList();

  },
  methods: {
    /** 查询体检流水列表 */
@@ -266,19 +170,11 @@
        this.queryParams.tollCollectorName = response.user.nickName;
      });

      // getNewDate().then((response) => {
      //   if (response.code === 200) {
      //     this.value1 = [
      //       moment(response.data).format("YYYY-MM-DD 00:00:00"),
      //       moment(response.data).format("YYYY-MM-DD HH:mm:ss"),
      //     ];
      //   }
      // });
      getNewDateList().then((response) => {
      getNewDate().then((response) => {
        if (response.code === 200) {
          this.value1 = [
            moment(response.data).format("YYYY-MM-DD 00:00:00"),
            moment(response.data).format("YYYY-MM-DD 23:59:00"),
            moment(response.data).format("YYYY-MM-DD HH:mm:ss")
          ];
        }
      });
@@ -341,7 +237,7 @@
      };
      getcolllist(data).then((res) => {
        this.tableData = res.data.list;
        this.allList = [];
        this.allList = []
        if (this.tableData.length != 0) {
          this.$nextTick(() => {
            this.$refs.multipleTable.toggleRowSelection(
@@ -380,7 +276,7 @@
    },
    handledocument() {
      const viewNum = "809743614817824768";
      let accountId = this.selectList[0].accountId;
      let accountId = this.selectList[0].accountId
      const params = { viewNum, accountId };
      this.$tab.openPage("结账单", "/report/settlement", params);
    },
@@ -403,7 +299,7 @@
          type: "success",
        });
        this.getList();
        this.handleQuery();
        this.handleQuery()
      });
    },
  },
@@ -415,8 +311,7 @@
  display: none;
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 100%;
}


 src/views/hosp/extension/index.vue

@@ -30,8 +30,9 @@
        <el-date-picker
          clearable
          v-model="createTimeList"
          style="width: 240px"
          value-format="yyyy-MM-dd"
          :default-time="['00:00:00', '23:00:00']"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
@@ -48,9 +49,10 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :picker-options="pickerOptions"
          value-format="yyyy-MM-dd"
          :default-time="['00:00:00', '23:00:00']"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="请选择体检完成时间"
          style="width: 240px"
        >
        </el-date-picker>
      </el-form-item>
@@ -310,6 +312,8 @@
import { listSendTemplate } from "@/api/hosp/sendTemplate";
import ViewPdf from "@/components/ViewPdf";
import { queryCompany } from "@/api/team/tuanti";
import { getNewDateList } from "@/api/hosp/order";
import moment from "moment";
export default {
  components: {
    ViewPdf,
@@ -405,8 +409,9 @@
    };
  },
  created() {
    this.getNowTime();
    // this.getNowTime();
    this.getList();
    this.getdate();
  },
  mounted() {
    this.$nextTick(() => {
@@ -414,6 +419,15 @@
    });
  },
  methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.finishTimeList = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(this.createTimeList, 111);
      });
    },
    dialogVisibles() {
      this.$message.error("请连接拨号器！");
    },

 src/views/hosp/settlement/index.vue

@@ -1,44 +1,19 @@
<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryForm"
      size="small"
      :inline="true"
      v-show="showSearch"
      label-width="100px"
    >
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
      <el-row>
        <el-col :span="6">
          <el-form-item
            label="收费员"
            prop="tollCollectorName"
            style="display: flex"
          >
            <el-input
              v-model="queryParams.tollCollectorName"
              placeholder="请输入收费员"
              clearable
              @keyup.enter.native="handleQuery"
      <el-form-item label="收费员" prop="tollCollectorName" style="display: flex;">
        <el-input v-model="queryParams.tollCollectorName" placeholder="请输入收费员" clearable @keyup.enter.native="handleQuery"
            />
          </el-form-item>
        </el-col>
        <el-col :span="15">
          <el-form-item
            label="结账时间"
            prop="tollCollectorName"
            style="display: flex"
          >
            <el-date-picker
              v-model="value1"
              type="datetimerange"
              start-placeholder="起止日期"
              end-placeholder="终止日期"
              :default-time="['00:00:00', '23:00:00']"
      <el-form-item label="结账时间" prop="tollCollectorName" style="display: flex;">
        <el-date-picker v-model="value1" type="datetimerange" start-placeholder="起止日期" end-placeholder="终止日期"  :default-time="['00:00:00', '23:00:00']"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
              @change="dateChangebirthday1"
            >
          @change="dateChangebirthday1">
            </el-date-picker>
          </el-form-item>
        </el-col>
@@ -47,113 +22,38 @@

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-edit"
          size="mini"
          @click="handleUpdate"
          >统计</el-button
        >
        <el-button type="primary" icon="el-icon-edit" size="mini" @click="handleUpdate">统计</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-check"
          size="mini"
          @click="handlesettle"
          :disabled="discode === 200 ? true : false"
          >结账</el-button
        >
        <el-button type="primary" icon="el-icon-check" size="mini" @click="handlesettle"
          :disabled="discode === 200 ? true : false">结账</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" size="mini" @click="handleabout"
          >日结查询</el-button
        >
        <el-button type="primary" size="mini" @click="handleabout">日结查询</el-button>
      </el-col>
    </el-row>

    <el-table :data="dataList" border style="width: 75%">
      <el-table-column
        label="姓名"
        align="center"
        prop="cusName"
        width="91px"
      />
      <el-table-column
        label="订单流水号"
        align="center"
        prop="waterId"
        width="186px"
      />
      <el-table-column
        label="应收金额"
        align="center"
        prop="copeWith"
        width="90px"
      />
      <el-table-column
        label="折扣"
        align="center"
        prop="discount"
        width="90px"
      />
      <el-table-column
        label="实收金额"
        align="center"
        prop="paidIn"
        width="90px"
      />
      <el-table-column
        label="付款状态"
        align="center"
        prop="payStasus"
        width="100px"
      />
      <el-table-column
        label="付款方式"
        align="center"
        prop="payType"
        width="100px"
      />
      <el-table-column
        label="收费员"
        align="center"
        prop="updateBy"
        width="140px"
      />
      <el-table-column
        label="收费时间"
        align="center"
        prop="updateTime"
        width="180px"
      />
      <el-table-column
        label="退费时间"
        align="center"
        prop="refundTime"
        width="200px"
      />
      <el-table-column label="姓名" align="center" prop="cusName" width="91px" />
      <el-table-column label="订单流水号" align="center" prop="waterId" width="186px" />
      <el-table-column label="应收金额" align="center" prop="copeWith" width="90px" />
      <el-table-column label="折扣" align="center" prop="discount" width="90px" />
      <el-table-column label="实收金额" align="center" prop="paidIn" width="90px" />
      <el-table-column label="付款状态" align="center" prop="payStasus" width="100px" />
      <el-table-column label="付款方式" align="center" prop="payType" width="100px" />
      <el-table-column label="收费员" align="center" prop="updateBy" width="140px" />
      <el-table-column label="收费时间" align="center" prop="updateTime" width="180px" />
      <el-table-column label="退费时间" align="center" prop="refundTime" width="200px" />
    </el-table>

    <div class="pag">
      <div class="pag1">
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="handleUpdate"
        />
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
          @pagination="handleUpdate" />
      </div>
    </div>

    <el-table
      border
      :data="allList"
      style="margin-top: 30px; width: 75%"
      :summary-method="getSummaries"
      show-summary
    >
    <el-table border :data="allList" style="margin-top: 30px; width: 75%" :summary-method="getSummaries" show-summary>
      <el-table-column label="付款方式" align="center" prop="paytpe" />
      <el-table-column label="收费金额" align="center" prop="vo.shoukuan">
      </el-table-column>
@@ -166,7 +66,6 @@
<script>
import { getLastTime, getList, collector, getNewDate } from "@/api/hosp/water";
import { getInfo } from "@/api/login";
import { getNewDateList } from "@/api/hosp/order";
import moment from "moment";

export default {
@@ -221,18 +120,8 @@
  },
  created() {
    this.getList();
    this.getdate();
  },
  methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.value1 = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(this.createTimeList, 111);
      });
    },
    /** 查询体检流水列表 */
    getList() {
      this.loading = true;
@@ -240,24 +129,25 @@
        this.userId = response.user.userId;
        this.queryParams.tollCollectorName = response.user.nickName;
      });
      // getLastTime().then((response) => {
      //   if (response.code === 200) {
      //     this.time = response.data;
      //     getNewDate().then((response) => {
      //       if (response.code === 200) {
      //         this.value1 = [
      //           moment(this.time).format("YYYY-MM-DD HH:mm:ss"),
      //           moment(response.data).format("YYYY-MM-DD HH:mm:ss")
      //         ];
      //       }
      //     });
      //   }
      // });
      getLastTime().then((response) => {
        if (response.code === 200) {
          this.time = response.data;
          getNewDate().then((response) => {
            if (response.code === 200) {
              this.value1 = [
                moment(this.time).format("YYYY-MM-DD HH:mm:ss"),
                moment(response.data).format("YYYY-MM-DD HH:mm:ss")
              ];
            }
          });
        }
      });

    },
    // 时间
    dateChangebirthday1(val) {
      this.value1 = val;
      console.log(this.value1);
      console.log(this.value1)
    },

    /** 统计 */
@@ -269,7 +159,7 @@
        pageSize: this.queryParams.pageSize,
        userId: this.userId.toString(),
        beginTime: this.value1[0],
        endTime: this.value1[1],
        endTime: this.value1[1]
      };
      getList(data).then((res) => {
        this.dataList = res.data.list;

 src/views/system/biol/index.vue

@@ -10,8 +10,10 @@
      </el-form-item>
      <el-form-item label="报告时间" prop="reportTimeList">
        <el-date-picker clearable v-model="queryParams.reportTimeList" type="daterange" range-separator="-"
          start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" value-format="yyyy-MM-dd"
          placeholder="请选择出报告时间" style="width: 240px">
          start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" :default-time="['00:00:00', '23:00:00']"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="请选择出报告时间" >
        </el-date-picker>
      </el-form-item>
      <!-- <el-form-item label="单位名称" prop="firmId">
@@ -287,7 +289,9 @@
  hasReport,
  hasPrintCode,
  getOrderListOO,
  getNewDateList
} from "@/api/hosp/order";
import moment from "moment";
import ViewPdf from "@/components/ViewPdf";
import { SubmitCompany, getCompany, queryCompany } from "@/api/team/tuanti";
import { chownSync } from "fs";
@@ -460,9 +464,10 @@
    };
  },
  created() {
    this.getNowTime();
    // this.getNowTime();
    this.getList();
    this.Company();
    this.getdate();
  },
  mounted() {
    this.$nextTick(() => {
@@ -470,6 +475,15 @@
    });
  },
  methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.queryParams.reportTimeList = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(this.createTimeList, 111);
      });
    },
    // / 处理默认选中当前日期
    getNowTime() {
      var curDate = new Date().getTime();

 src/views/team/disease/index.vue

@@ -12,8 +12,9 @@
          clearable
          v-model="createTimeList"
          @change="dateChangebirthday1"
          style="width: 240px"
          value-format="yyyy-MM-dd"
           :default-time="['00:00:00', '23:59:00']"
          format="yyyy-MM-dd HH:mm"
          value-format="yyyy-MM-dd HH:mm"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
@@ -251,6 +252,8 @@
require("echarts/lib/component/tooltip");
require("echarts/lib/component/legend");
require("echarts/lib/chart/pie");
import { getNewDateList } from "@/api/hosp/order";
import moment from "moment";
import {
  getPeopleList,
  getDeptAndDwDeptByComp,
@@ -327,12 +330,22 @@
    };
  },
  created() {
    this.getNowTime();
    // this.getNowTime();
    this.getList();
    this.getcomp();
    this.geticd();
    this.getdate();
  },
  methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.createTimeList = [
            moment(res.data).format("YYYY-MM-DD 00:00:00"),
            moment(res.data).format("YYYY-MM-DD 23:59:00")
          ];;
        console.log(this.createTimeList,111);
      });
    },
    // / 处理默认选中当前日期
    getNowTime() {
      var curDate = new Date().getTime();

 src/views/team/reporting/index.vue

@@ -58,8 +58,9 @@
              clearable
              v-model="createTimeList"
              @change="dateChangebirthday1"
              style="width: 240px"
              value-format="yyyy-MM-dd"
             :default-time="['00:00:00', '23:00:00']"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
@@ -212,17 +213,19 @@
  getDeptAndDwDeptByComp,
} from "@/api/team/disease";
import { listComp } from "@/api/system/comp";
import { getNewDateList } from "@/api/hosp/order";
import moment from "moment";
export default {
  data() {
    let checkPhoneNum = (rule, value, callback) => {
         console.log( value)
      console.log(value);
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback('');
        return callback("");
      }  else if(value != undefined && value != ""){
        return callback();
      }else if (!patter.test(value)) {
        return callback('');
        return callback("");
      }
    };
    return {
@@ -306,10 +309,20 @@
  },
  created() {
    this.getDeptTree();
    this.getNowTime();
    // this.getNowTime();
    this.getcomp();
    this.getdate();
  },
  methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.createTimeList = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(this.createTimeList, 111);
      });
    },
    /** 查询体检单位信息维护列表 */
    getcomp() {
      listComp().then((response) => {

 src/views/team/reportresults/index.vue

@@ -12,8 +12,9 @@
          clearable
          v-model="createTimeList"
          @change="dateChangebirthday1"
          style="width: 240px"
          value-format="yyyy-MM-dd"
          :default-time="['00:00:00', '23:00:00']"
              format="yyyy-MM-dd HH:mm:ss"
              value-format="yyyy-MM-dd HH:mm:ss"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
@@ -307,6 +308,8 @@
require("echarts/lib/component/tooltip");
require("echarts/lib/component/legend");
require("echarts/lib/chart/pie");
import { getNewDateList } from "@/api/hosp/order";
import moment from "moment";
import VTreeTransfer from "../../system/tijian/TreeTransfer.vue";
import { projectGetList } from "@/api/system/tijian";
import {
@@ -398,6 +401,7 @@
    };
  },
  created() {
    this.getdate();
    this.getNowTime();
    this.getList();
    this.getcomp();
@@ -410,6 +414,15 @@
    },
  },
  methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.createTimeList = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(this.createTimeList, 111);
      });
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.proName.indexOf(value) !== -1;

 src/views/team/teams/index.vue

@@ -2,41 +2,90 @@
    <div class="app-container">
        <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
                <el-form :model="objs" :rules="rules" ref="form" size="small" :inline="true" label-width="80px">
        <el-form
          :model="objs"
          :rules="rules"
          ref="form"
          size="small"
          :inline="true"
          label-width="80px"
        >
                    <el-form-item label="单位名称" prop="firmId">
                        <el-select :remote-method="getRemoteData" v-model="objs.firmId" remote filterable
                            style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn">
                            <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
                                :value="dict.drugManufacturerId" />
            <el-select
              :remote-method="getRemoteData"
              v-model="objs.firmId"
              remote
              filterable
              style="width: 200px"
              placeholder="请选择单位名称"
              clearable
              @change="idFn"
            >
              <el-option
                v-for="dict in CompanyList"
                :key="dict.cnName"
                :label="dict.cnName"
                :value="dict.drugManufacturerId"
              />
                        </el-select>
                    </el-form-item>
                    <el-form-item label="部门" prop="dwDeptId">
                        <el-select v-model="objs.dwDeptId" placeholder="请选择部门" style="width: 200px" clearable
                            @change="idBm">
                            <el-option v-for="dict in deptList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" />
            <el-select
              v-model="objs.dwDeptId"
              placeholder="请选择部门"
              style="width: 200px"
              clearable
              @change="idBm"
            >
              <el-option
                v-for="dict in deptList"
                :key="dict.id"
                :label="dict.dwDeptName"
                :value="dict.id"
              />
                        </el-select>
                    </el-form-item>
                    <el-form-item label="分组" prop="groupId">
                        <el-select v-model="objs.groupId" placeholder="请选择结算方式" style="width: 200px" clearable>
                            <el-option v-for="dict in groupingList" :key="dict.id" :label="dict.groupingName"
                                :value="dict.id" />
            <el-select
              v-model="objs.groupId"
              placeholder="请选择结算方式"
              style="width: 200px"
              clearable
            >
              <el-option
                v-for="dict in groupingList"
                :key="dict.id"
                :label="dict.groupingName"
                :value="dict.id"
              />
                        </el-select>
                    </el-form-item>
                    <el-form-item label="登记时间" prop="createTimeList">
                        <el-date-picker v-model="createTimeList" type="datetimerange" align="right"
                            :picker-options="pickerOptions" style="width: 260px" start-placeholder="开始日期"
                            end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                            @change="dateChangebirthday1">
            <el-date-picker
              v-model="createTimeList"
              type="datetimerange"
              align="right"
              :picker-options="pickerOptions"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :default-time="['00:00:00', '23:59:00']"
              format="yyyy-MM-dd HH:mm"
              value-format="yyyy-MM-dd HH:mm"
              @change="dateChangebirthday1"
            >
                        </el-date-picker>
                    </el-form-item>
                </el-form>

            </el-col>
            <el-col :span="1.5">
                <el-button type="primary" size="mini" @click="handlequery"
                    v-hasPermi="['system:user:import']">查询</el-button>
        <el-button
          type="primary"
          size="mini"
          @click="handlequery"
          v-hasPermi="['system:user:import']"
          >查询</el-button
        >
            </el-col>

        </el-row>

        <div style="margin: 5px 20px;width: 94%">
@@ -45,51 +94,108 @@
                    <el-button type="primary" size="mini" :disabled="single" @click="handleTeamfees">保存团队收费明细</el-button>
                </el-col> -->
                <el-col :span="1.5">
                    <el-button type="primary" size="mini" @click="handleAll">查看详细信息</el-button>
          <el-button type="primary" size="mini" @click="handleAll"
            >查看详细信息</el-button
          >
                </el-col>
                <el-col :span="1.5">
                    <el-button type="primary" size="mini" @click="handleothen"
                        v-hasPermi="['system:user:import']">导出团队信息</el-button>
          <el-button
            type="primary"
            size="mini"
            @click="handleothen"
            v-hasPermi="['system:user:import']"
            >导出团队信息</el-button
          >
                </el-col>
            </el-row>
            <div style="display: flex;" v-if="userList.length != 0">
      <div style="display: flex" v-if="userList.length != 0">
                <div>人数合计：{{ Listdata.all }}</div>
                <div style="margin: 0 20px;">检中：{{ Listdata.jianzhong }}</div>
                <div style="margin: 0 15px;">未检：{{ Listdata.weijian }}</div>
        <div style="margin: 0 20px">检中：{{ Listdata.jianzhong }}</div>
        <div style="margin: 0 15px">未检：{{ Listdata.weijian }}</div>
                <div>已完成：{{ Listdata.yijian }}</div>
            </div>
            <el-table v-loading="loading" ref="tree" :data="userList" border @selection-change="handleSelectionChange">
      <el-table
        v-loading="loading"
        ref="tree"
        :data="userList"
        border
        @selection-change="handleSelectionChange"
      >
                <el-table-column label="状态" align="center" prop="tjStatus" width="75">
                    <template slot-scope="scope">
                        <dict-tag :options="dict.type.tj_status" :value="scope.row.tjStatus" />
            <dict-tag
              :options="dict.type.tj_status"
              :value="scope.row.tjStatus"
            />
                    </template>
                </el-table-column>
                <el-table-column label="体检号" align="center" prop="tjNumber" width="165" />
        <el-table-column
          label="体检号"
          align="center"
          prop="tjNumber"
          width="165"
        />
                <el-table-column label="姓名" align="center" prop="name" width="75" />
                <el-table-column label="性别" align="center" prop="sex" width="75">
                    <template slot-scope="scope">
                        <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
            <dict-tag
              :options="dict.type.sys_user_sex"
              :value="scope.row.sex"
            />
                    </template>
                </el-table-column>
                <el-table-column label="年龄" align="center" prop="age" width="120" />
                <el-table-column label="联系电话" align="center" prop="phoe" width="120" />
                <el-table-column label="身份证号" align="center" prop="idCard" width="200" />
                <el-table-column label="单位名称" align="center" prop="company" width="200" />
        <el-table-column
          label="联系电话"
          align="center"
          prop="phoe"
          width="120"
        />
        <el-table-column
          label="身份证号"
          align="center"
          prop="idCard"
          width="200"
        />
        <el-table-column
          label="单位名称"
          align="center"
          prop="company"
          width="200"
        />
                <el-table-column label="部门" align="center" prop="department" />
                <el-table-column label="分组" align="center" prop="groupingName" />
                <el-table-column label="创建时间" align="center" prop="updateTime" width="165" />
                <el-table-column label="预约时间" align="center" prop="reservationTime" />
        <el-table-column
          label="创建时间"
          align="center"
          prop="updateTime"
          width="165"
        />
        <el-table-column
          label="预约时间"
          align="center"
          prop="reservationTime"
        />
            </el-table>
        </div>


        <!-- 查看详细信息对话框 -->
        <div class="dia">
            <el-dialog :title="title" :visible.sync="open" width="1300px" append-to-body>
      <el-dialog
        :title="title"
        :visible.sync="open"
        width="1300px"
        append-to-body
      >
                <el-row :gutter="10" class="mb8">
                    <el-col :span="1.5">
                        <el-input v-model="bingZhong" placeholder="请输入病种名称" clearable @keyup.enter.native="handleQuery1"
                            style="width: 160px;" />
            <el-input
              v-model="bingZhong"
              placeholder="请输入病种名称"
              clearable
              @keyup.enter.native="handleQuery1"
              style="width: 160px"
            />
                    </el-col>

                    <!-- <el-col :span="1.5">
@@ -97,43 +203,101 @@
                            style="margin-top: 5px;">查看</el-button>
                    </el-col> -->
                    <el-col :span="1.5">
                        <el-button type="primary" size="mini" @click="handlesetup" v-hasPermi="['system:user:import']"
                            style="margin-top: 5px;">查看统计图</el-button>
            <el-button
              type="primary"
              size="mini"
              @click="handlesetup"
              v-hasPermi="['system:user:import']"
              style="margin-top: 5px"
              >查看统计图</el-button
            >
                    </el-col>
                    <!-- <el-col :span="1.5">
                        <el-button type="primary" size="mini" @click="handlechart" v-hasPermi="['system:user:import']"
                            style="margin-top: 5px;">查看统计图</el-button>
                    </el-col> -->

                </el-row>
                <el-row :gutter="20">
                    <!--部门数据-->
                    <el-col :span="7" :xs="24">
                        <el-table v-loading="loading" ref="treeTable" :data="ListdataAll" height="500" border
                            @selection-change="handleChange">
                            <el-table-column type="selection" width="45">
                            </el-table-column>
                            <el-table-column label="病种" align="center" prop="rules.bingzhong" />
            <el-table
              v-loading="loading"
              ref="treeTable"
              :data="ListdataAll"
              height="500"
              border
              @selection-change="handleChange"
            >
              <el-table-column type="selection" width="45"> </el-table-column>
              <el-table-column
                label="病种"
                align="center"
                prop="rules.bingzhong"
              />

                            <el-table-column label="数量" align="center" prop="num" width="75" />
              <el-table-column
                label="数量"
                align="center"
                prop="num"
                width="75"
              />
                        </el-table>
                    </el-col>

                    <!--用户数据-->
                    <el-col :span="16" :xs="24">
                        <el-table v-loading="loading" ref="tree" :data="orderList" border height="500">
                            <el-table-column label="病种" align="center" prop="bingzhong" width="100" />
            <el-table
              v-loading="loading"
              ref="tree"
              :data="orderList"
              border
              height="500"
            >
              <el-table-column
                label="病种"
                align="center"
                prop="bingzhong"
                width="100"
              />
                            <el-table-column label="体检号" align="center" prop="tjNumber" />
                            <el-table-column label="姓名" align="center" prop="cusName" width="60" />
                            <el-table-column label="性别" align="center" prop="cusSex" width="55">
              <el-table-column
                label="姓名"
                align="center"
                prop="cusName"
                width="60"
              />
              <el-table-column
                label="性别"
                align="center"
                prop="cusSex"
                width="55"
              >
                                <template slot-scope="scope">
                                    <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex" />
                  <dict-tag
                    :options="dict.type.sys_user_sex"
                    :value="scope.row.cusSex"
                  />
                                </template>
                            </el-table-column>
                            <el-table-column label="年龄" align="center" prop="cusAge" width="55" />
                            <el-table-column label="单位名称" align="center" prop="dwName" width="150" />
              <el-table-column
                label="年龄"
                align="center"
                prop="cusAge"
                width="55"
              />
              <el-table-column
                label="单位名称"
                align="center"
                prop="dwName"
                width="150"
              />
                            <el-table-column label="部门" align="center" prop="dwDeptName" />
                            <el-table-column label="分组" align="center" prop="groupName" width="78" />
              <el-table-column
                label="分组"
                align="center"
                prop="groupName"
                width="78"
              />
                        </el-table>
                    </el-col>
                </el-row>
@@ -142,8 +306,13 @@

        <!-- 查看统计图 -->
        <div class="dia">
            <el-dialog :title="title2" :visible.sync="open2" width="1300px" append-to-body>
                <div style=" height:620px;margin-top: 10px;">
      <el-dialog
        :title="title2"
        :visible.sync="open2"
        width="1300px"
        append-to-body
      >
        <div style="height: 620px; margin-top: 10px">
                    <div id="main" style="width:95%;height:400px"> </div>
                </div>
            </el-dialog>
@@ -151,11 +320,23 @@

        <!-- 设置对话框 -->
        <div class="dia">
            <el-dialog :title="title1" :visible.sync="open1" width="960px" append-to-body>
                <div style="text-align: center;">
                    <el-transfer style="text-align: left; display: inline-block;" v-model="value" filterable
                        :render-content="renderFunc" :titles="['显示病种', '隐藏病种']" :button-texts="['显示', '隐藏']"
                        @change="handleChange1" :data="datalist">
      <el-dialog
        :title="title1"
        :visible.sync="open1"
        width="960px"
        append-to-body
      >
        <div style="text-align: center">
          <el-transfer
            style="text-align: left; display: inline-block"
            v-model="value"
            filterable
            :render-content="renderFunc"
            :titles="['显示病种', '隐藏病种']"
            :button-texts="['显示', '隐藏']"
            @change="handleChange1"
            :data="datalist"
          >
                    </el-transfer>
                </div>
                <div slot="footer" class="dialog-footer2">
@@ -163,19 +344,24 @@
                </div>
            </el-dialog>
        </div>

    </div>
</template>
  
<script>
import { Deptlist, getDwAndDwDept } from "@/api/system/comp";
import { getCompany, queryCompany } from "@/api/team/tuanti";
import { tuanTiListById, tuanTiBingById, tuanTiBingChart } from "@/api/team/teams";
const echarts = require('echarts/lib/echarts');
require('echarts/lib/component/title');
require('echarts/lib/component/tooltip');
require('echarts/lib/component/legend');
require('echarts/lib/chart/pie');
import {
  tuanTiListById,
  tuanTiBingById,
  tuanTiBingChart,
} from "@/api/team/teams";
import { getNewDateList } from "@/api/hosp/order";
import moment from "moment";
const echarts = require("echarts/lib/echarts");
require("echarts/lib/component/title");
require("echarts/lib/component/tooltip");
require("echarts/lib/component/legend");
require("echarts/lib/chart/pie");

export default {
    name: "Tijian",
@@ -186,18 +372,18 @@
        "sys_user_sex",
        "reservation_pay_type",
        "sys_normal_disable",
        "tj_status"
    "tj_status",
    ],
    data() {
        let checkPhoneNum = (rule, value, callback) => {
         console.log( value)
      console.log(value);
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback('');
        return callback("");
      }  else if(value != undefined && value != ""){
        return callback();
      }else if (!patter.test(value)) {
        return callback('');
        return callback("");
      }
    };
        return {
@@ -214,7 +400,6 @@
                endTime: "",
                pageNum: 1,
                pageSize: 10,

            },
            data: {
                dwId: "",
@@ -295,11 +480,21 @@
        };
    },
    created() {
        this.getNowTime()
    // this.getNowTime();
        this.getList();
    this.getdate();
    },

    methods: {
    getdate() {
      getNewDateList().then((res) => {
        this.createTimeList = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(this.createTimeList, 111);
      });
    },
        getList() {
            this.loading = true;
            getCompany(this.queryParam).then((response) => {
@@ -310,30 +505,28 @@
        },
        handlequery() {
            if (this.objs.firmId && this.objs.dwDeptId) {
                this.objs.beginTime = this.createTimeList[0]
                this.objs.endTime = this.createTimeList[1]
        this.objs.beginTime = this.createTimeList[0];
        this.objs.endTime = this.createTimeList[1];
                tuanTiListById(this.objs).then((response) => {
                    this.Listdata = response.data
          this.Listdata = response.data;
                    this.userList = response.data.list;
                });
            } else {
                this.$message.warning("带星号为必填项")
        this.$message.warning("带星号为必填项");
            }

        },
        handleQuery1() {
            let data = {
                firmId: this.data.dwId,
                firmDeptId: this.data.deptId,
                bingZhong: this.bingZhong
            }
        bingZhong: this.bingZhong,
      };
            tuanTiBingById(data).then((response) => {
                this.ListdataAll = response.data
        this.ListdataAll = response.data;
            });
        },
        // 多选框选中数据
        handleSelectionChange(selection) {

            // this.ids = selection.map((item) => item.id);
            this.single = selection.length !== 1;
        },
@@ -345,22 +538,21 @@
                name: null,
                phoe: null,
                signingPic: null,
                pacStatus: "启用"
        pacStatus: "启用",
            };
            this.resetForm("form");
        },
        idFn(value) {
            if (value) {
                this.data.dwId = value
        this.data.dwId = value;
                Deptlist(value).then((response) => {
                    this.deptList = response.data;
                });
            }

        },
        idBm(value) {
            if (value) {
                this.data.deptId = value
        this.data.deptId = value;
                getDwAndDwDept(this.data).then((response) => {
                    this.groupingList = response.data;
                });
@@ -398,18 +590,12 @@
            var d = time.getDate();
            // var h = time.getHours();
            // var mm = time.getMinutes();
            return (
                y +
                "-" +
                this.add0(m) +
                "-" +
                this.add0(d)
            );
      return y + "-" + this.add0(m) + "-" + this.add0(d);
        },
        //获取时间
        dateChangebirthday1(val) {
            if (val == null) {
                this.createTimeList = []
        this.createTimeList = [];
            } else {
                this.createTimeList = val;
            }
@@ -427,20 +613,16 @@
                let data = {
                    firmId: this.data.dwId,
                    firmDeptId: this.data.deptId,
                }
        };
                tuanTiBingById(data).then((response) => {
                    this.ListdataAll = response.data
          this.ListdataAll = response.data;
                });
            } else {
                this.$message.warning("请选择单位或部门")
        this.$message.warning("请选择单位或部门");
            }

        },
        handleothen() {

        },
    handleothen() {},
        handleChange(selection) {

            if (selection.length > 1) {
                const newRows = selection.filter((it, index) => {
                    if (index == selection.length - 1) {
@@ -452,21 +634,17 @@
                    }
                });

                newRows.forEach(item => {
                    this.orderList = item.orderList
                })
        newRows.forEach((item) => {
          this.orderList = item.orderList;
        });
            } else {
                selection.forEach(item => {
                    this.orderList = item.orderList
                })
        selection.forEach((item) => {
          this.orderList = item.orderList;
        });
            }
        },
        handleTeamfees() {

        },
        handlecan() {

        },
    handleTeamfees() {},
    handlecan() {},

        handlechart() {
            this.open2 = true;
@@ -474,42 +652,41 @@
            let data = {
                firmId: this.data.dwId,
                firmDeptId: this.data.deptId,
                aidList: this.aidList
            }
            console.log(data)
            tuanTiBingChart(data).then(res => {
                console.log(res)
        aidList: this.aidList,
      };
      console.log(data);
      tuanTiBingChart(data).then((res) => {
        console.log(res);
                this.$nextTick(() => {

                    var chartDom = document.getElementById('main');
          var chartDom = document.getElementById("main");
                    var myChart = echarts.init(chartDom);
                    var option;

                    const data = genData(50);
                    option = {
                        title: {
                            text: '团队体检情况',
              text: "团队体检情况",
                            // subtext: '纯属虚构',
                            left: 'center',
              left: "center",
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: '{a} <br/>{b} : {c} ({d}%)'
              trigger: "item",
              formatter: "{a} <br/>{b} : {c} ({d}%)",
                        },
                        legend: {
                            // type: 'scroll',
                            orient: 'vertical',
              orient: "vertical",
                            right: 10,
                            top: 80,
                            bottom: 20,
                            data: data.legendData
              data: data.legendData,
                        },
                        series: [
                            {
                                name: '姓名',
                                type: 'pie',
                                radius: '55%',
                                center: ['25%', '60%'],
                name: "姓名",
                type: "pie",
                radius: "55%",
                center: ["25%", "60%"],
                                // labelLine: {
                                //     normal: {
                                //         length: 40,
@@ -525,11 +702,11 @@
                                    itemStyle: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    shadowColor: "rgba(0, 0, 0, 0.5)",
                  },
                },
              },
            ],
                    };
                    function genData(count) {
                        // prettier-ignore
@@ -541,147 +718,141 @@
                        for (var i = 0; i < count; i++) {
                            var name =
                                Math.random() > 0.65
                                    ? makeWord(4, 1) + '·' + makeWord(3, 0)
                  ? makeWord(4, 1) + "·" + makeWord(3, 0)
                                    : makeWord(2, 1);
                            legendData.push(name);
                            seriesData.push({
                                name: name,
                                value: Math.round(Math.random() * 100000)
                value: Math.round(Math.random() * 100000),
                            });
                        }
                        return {
                            legendData: legendData,
                            seriesData: seriesData
              seriesData: seriesData,
                        };
                        function makeWord(max, min) {
                            const nameLen = Math.ceil(Math.random() * max + min);
                            const name = [];
                            for (var i = 0; i < nameLen; i++) {
                                name.push(nameList[Math.round(Math.random() * nameList.length - 1)]);
                name.push(
                  nameList[Math.round(Math.random() * nameList.length - 1)]
                );
                            }
                            return name.join('');
              return name.join("");
                        }
                    }

                    option && myChart.setOption(option);
                    let sizeFun = function () {
                        myChart.resize()
                    }
                    window.addEventListener("resize", sizeFun)

            myChart.resize();
          };
          window.addEventListener("resize", sizeFun);
                });
            })


      });
        },
        handlesetup() {
            this.open1 = true;
            this.title1 = "统计图设置";
            this.datalist = []
      this.datalist = [];
            if (this.data.dwId && this.data.deptId) {
                let data = {
                    firmId: this.data.dwId,
                    firmDeptId: this.data.deptId,
                }
        };
                tuanTiBingById(data).then((response) => {
                    response.data.forEach((item, index) => {
                        this.datalist.push(
                            {
            this.datalist.push({
                                key: item.rules.aid,
                                label: item.rules.bingzhong,
                            }
                        )
                    })
            });
          });
                });
            } else {
                this.$message.warning("请选择单位或部门")
        this.$message.warning("请选择单位或部门");
            }

        },
        handleChange1(value, direction, movedKeys) {
            this.valueList = value
      this.valueList = value;
        },
        submitFormS() {
            if (this.valueList.length >= 1) {
                this.aidList = []
        this.aidList = [];
                this.datalist.forEach((item, index) => {
                    this.aidList.push(item.key)
                })
                let num = this.valueList.length
          this.aidList.push(item.key);
        });
        let num = this.valueList.length;
                this.aidList.forEach((item, index) => {
                    this.valueList.forEach((item1, index1) => {
                        if (item == item1) {
                            this.aidList.splice(index, num)
              this.aidList.splice(index, num);
                        }
                    })
                })
          });
        });
            }else if(this.valueList.length == 0){
                this.aidList = []
        this.aidList = [];
                this.datalist.forEach((item, index) => {
                    this.aidList.push(item.key)
                })
          this.aidList.push(item.key);
        });
            }
            this.open2 = true;
            this.title2 = "统计图表";
            let bingZhongVO = {
                firmId: this.data.dwId,
                firmDeptId: this.data.deptId,
                aidList: this.aidList
            }
            tuanTiBingChart(bingZhongVO).then(res => {
                this.echartsList = res.data
        aidList: this.aidList,
      };
      tuanTiBingChart(bingZhongVO).then((res) => {
        this.echartsList = res.data;
                this.$nextTick(() => {
                    var chartDom = document.getElementById('main');
          var chartDom = document.getElementById("main");
                    var myChart = echarts.init(chartDom);
                    var option;

                    option = {
                        title: {
                            text: '团队体检情况',
              text: "团队体检情况",
                            // subtext: '纯属虚构',
                            left: 'center',
              left: "center",
                        },
                        tooltip: {
                            trigger: 'item',
                            formatter: '{a} <br/>{b} : {c} ({d}%)'
              trigger: "item",
              formatter: "{a} <br/>{b} : {c} ({d}%)",
                        },
                        legend: {
                            // type: 'scroll',
                            orient: 'vertical',
              orient: "vertical",
                            right: 10,
                            top: 80,
                            bottom: 20,
                            data:this.echartsList 
              data: this.echartsList,
                        },
                        series: [
                            {
                                name: '病种名称',
                                type: 'pie',
                                radius: '55%',
                                center: ['25%', '60%'],
                name: "病种名称",
                type: "pie",
                radius: "55%",
                center: ["25%", "60%"],

                                data: this.echartsList ,
                                emphasis: {
                                    itemStyle: {
                                        shadowBlur: 10,
                                        shadowOffsetX: 0,
                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            }
                        ]
                    shadowColor: "rgba(0, 0, 0, 0.5)",
                  },
                },
              },
            ],
                    };


                    option && myChart.setOption(option);
                    let sizeFun = function () {
                        myChart.resize()
                    }
                    window.addEventListener("resize", sizeFun)

            myChart.resize();
          };
          window.addEventListener("resize", sizeFun);
                });
            })
        }
      });
    },
    },
};
</script>
@@ -705,7 +876,6 @@
    display: flex;
    justify-content: center;
    align-items: center;

}

.el-transfer__button:first-child {