From bbd8b70f2544e07ce6ce4247ebb13f892dd86112 Mon Sep 17 00:00:00 2001
From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com>
Date: 星期四, 27 六月 2024 15:11:51 +0800
Subject: [PATCH] qxtj
---
src/views/system/tijianall/index.vue | 1445 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 1,042 insertions(+), 403 deletions(-)
diff --git a/src/views/system/tijianall/index.vue b/src/views/system/tijianall/index.vue
index b9a0052..ee84463 100644
--- a/src/views/system/tijianall/index.vue
+++ b/src/views/system/tijianall/index.vue
@@ -9,356 +9,295 @@
ref="form"
:model="form"
:rules="rules"
- :label-position="labelPosition"
- class="demo-form-inline"
- label-width="84px"
+ label-width="106px"
>
- <el-row>
- <el-col :span="5">
- <el-form-item
- style="display: flex"
- label="濮撳悕"
- prop="cusName"
- :rules="[
- {
- required: true,
- validator: (rule, value, callback) => {
- if (!form.cusName) {
- callback('');
- } else if (form.cusName) {
- callback();
- }
- },
- trigger: 'blur',
- },
- ]"
- >
- <el-input v-model="form.cusName" placeholder="璇疯緭鍏ュ鍚�" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item
- label="璇佷欢绫诲瀷"
- prop="idType"
- style="display: flex"
- >
- <el-select v-model="form.idType" placeholder="璇烽�夋嫨璇佷欢绫诲瀷">
- <el-option
- v-for="dict in dict.type.dict_user_cardtype"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item
- style="display: flex"
- label="璇佷欢鍙�"
- prop="cusIdcard"
- :rules="[
- {
- required: true,
- validator: (rule, value, callback) => {
- if (!form.cusIdcard) {
- callback('');
- } else if (form.cusIdcard) {
- callback();
- }
- },
- trigger: 'blur',
- },
- ]"
- >
- <span
- slot="label"
- style="display: inline-block; border-bottom: 2px solid blue"
- @click="handleQuery"
- >
- 璇佷欢鍙�
- </span>
- <el-input
- v-model="form.cusIdcard"
- placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
- @input="inputChange"
- />
- <!-- <i
+ <el-form-item
+ label="濮撳悕"
+ prop="cusName"
+ :rules="[
+ {
+ required: true,
+ validator: (rule, value, callback) => {
+ if (!form.cusName) {
+ callback('');
+ } else if (form.cusName) {
+ callback();
+ }
+ },
+ trigger: 'blur',
+ },
+ ]"
+ >
+ <el-input
+ v-model="form.cusName"
+ placeholder="璇疯緭鍏ュ鍚�"
+ style="width: 99%"
+ />
+ </el-form-item>
+ <el-form-item label="鎬у埆" prop="cusSex">
+ <el-select
+ v-model="form.cusSex"
+ placeholder="璇烽�夋嫨鎬у埆"
+ @change="formchang"
+ style="width: 94%"
+ >
+ <el-option
+ v-for="dict in dict.type.sys_user_sex"
+ :key="dict.value"
+ :label="dict.label"
+ :value="parseInt(dict.value)"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="璇佷欢绫诲瀷" prop="idType">
+ <el-select
+ v-model="form.idType"
+ placeholder="璇烽�夋嫨璇佷欢绫诲瀷"
+ style="width: 93%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_user_cardtype"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <el-form
+ style="margin: 4px 8px"
+ :inline="true"
+ ref="form"
+ :model="form"
+ :rules="rules"
+ label-width="106px"
+ >
+ <el-form-item
+ label="鐢佃瘽"
+ prop="cusPhone"
+ :rules="[
+ {
+ required: true,
+ validator: (rule, value, callback) => {
+ if (!form.cusPhone) {
+ callback('');
+ } else if (form.cusPhone) {
+ callback();
+ }
+ },
+ trigger: 'blur',
+ },
+ ]"
+ >
+ <el-input v-model="form.cusPhone" placeholder="璇疯緭鍏ョ數璇�" />
+ </el-form-item>
+
+ <el-form-item label="濠氬Щ" prop="cusMarryStatus">
+ <el-select
+ v-model="form.cusMarryStatus"
+ placeholder="璇烽�夋嫨濠氬Щ鐘跺喌"
+ style="width: 94%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_user_marry"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ label="璇佷欢鍙风爜"
+ prop="cusIdcard"
+ :rules="[
+ {
+ required: true,
+ validator: (rule, value, callback) => {
+ if (!form.cusIdcard) {
+ callback('');
+ } else if (form.cusIdcard) {
+ callback();
+ }
+ },
+ trigger: 'blur',
+ },
+ ]"
+ >
+ <span
+ slot="label"
+ style="display: inline-block; border-bottom: 2px solid blue"
+ @click="handleQuery"
+ >
+ 璇佷欢鍙风爜
+ </span>
+ <el-input
+ v-model="form.cusIdcard"
+ placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
+ @input="inputChange"
+ />
+ <!-- <i
style="font-size: 17px; margin-left: 3px"
class="el-icon-search"
@click="handleQuery"
></i> -->
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="5">
- <el-form-item
- label="姘戞棌"
- prop="cusNational"
- style="display: flex"
- >
- <el-select
- filterable
- v-model="form.cusNational"
- placeholder="璇烽�夋嫨姘戞棌"
- >
- <el-option
- v-for="dict in dict.type.dict_user_national"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="鎬у埆" prop="cusSex" style="display: flex">
- <el-select
- v-model="form.cusSex"
- placeholder="璇烽�夋嫨鎬у埆"
- @change="formchang"
- >
- <el-option
- v-for="dict in dict.type.sys_user_sex"
- :key="dict.value"
- :label="dict.label"
- :value="parseInt(dict.value)"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="骞撮緞" prop="age" style="display: flex">
- <el-input v-model="form.age" />
- </el-form-item>
- </el-col>
- <el-col :span="2">
- <el-form-item prop="ageUnit">
- <el-select
- v-model="form.ageUnit"
- @change="formchang"
- style="width: 80%"
- >
- <el-option
- v-for="dict in dict.type.dict_ageunit"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
+ </el-form-item>
+ </el-form>
+ <el-form
+ style="margin: 4px 8px"
+ :inline="true"
+ ref="form"
+ :model="form"
+ :rules="rules"
+ label-width="106px"
+ >
+ <el-form-item label="閭" prop="cusEmail">
+ <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" />
+ </el-form-item>
+ <el-form-item label="姘戞棌" prop="cusNational">
+ <el-select
+ filterable
+ v-model="form.cusNational"
+ placeholder="璇烽�夋嫨姘戞棌"
+ style="width: 93%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_user_national"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
- <!-- <input name="ReadBlockBtn" type="button" size="5px" @click="readblock" value="璇诲崱" /> -->
- <!-- <el-form-item label="鍑虹敓鏃ユ湡" prop="cusBrithday">
- <el-date-picker style="width: 200px" clearable v-model="form.cusBrithday" type="date"
- value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑虹敓鏃ユ湡">
- </el-date-picker>
- </el-form-item> -->
-
- <el-row>
- <el-col :span="5">
- <el-form-item
- label="濠氬Щ"
- prop="cusMarryStatus"
- style="display: flex"
- >
- <el-select
- v-model="form.cusMarryStatus"
- placeholder="璇烽�夋嫨濠氬Щ鐘跺喌"
- >
- <el-option
- v-for="dict in dict.type.dict_user_marry"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
-
- <el-col :span="6">
- <el-form-item
- label="浣撴绫诲埆"
- prop="category"
- style="display: flex"
- >
- <el-select
- v-model="form.category"
- placeholder="璇烽�夋嫨浣撴绫诲埆"
- >
- <el-option
- v-for="dict in dict.type.dict_tjtype"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- <!-- <el-input v-model="form.category" placeholder="璇疯緭鍏ヤ綋妫�绫诲埆" /> -->
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item
- style="display: flex"
- label="鑱旂郴鐢佃瘽"
- prop="cusPhone"
- :rules="[
- {
- required: true,
- validator: (rule, value, callback) => {
- if (!form.cusPhone) {
- callback('');
- } else if (form.cusPhone) {
- callback();
- }
- },
- trigger: 'blur',
- },
- ]"
- >
- <el-input
- v-model="form.cusPhone"
- placeholder="璇疯緭鍏ヨ仈绯荤數璇�"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="5">
- <el-form-item
- label="浣撴绫诲瀷"
- prop="tjType"
- style="display: flex"
- >
- <el-select v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷">
- <el-option
- v-for="dict in dict.type.dict_team"
- :key="dict.value"
- :label="dict.label"
- :value="parseInt(dict.value)"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="鑱屼笟" prop="career" style="display: flex">
- <el-select
- filterable
- :disabled="isDisabled"
- v-model="form.career"
- placeholder="璇疯緭鍏ヨ亴涓�"
- >
- <el-option
- v-for="dict in dict.type.dict_job"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item
- label="閭"
- prop="cusEmail"
- style="display: flex"
- >
- <el-input v-model="form.cusEmail" placeholder="璇疯緭鍏ラ偖绠�" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="5">
- <el-form-item
- label="鐜颁綇鍧�"
- prop="cusAddr"
- style="display: flex"
- >
- <el-input
- v-model="form.cusAddr"
- placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃"
- />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item
- label="宸ヤ綔鍗曚綅"
- prop="company"
- style="display: flex"
- >
- <el-input
- v-model="form.company"
- placeholder="璇疯緭鍏ュ伐浣滃崟浣�"
- />
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="鍗″彿" prop="indexCard">
- <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" />
- </el-form-item>
- </el-col>
- </el-row>
- <!-- <el-form-item label="鎴峰彛鍦板潃" prop="cusAddr">
- <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ユ埛鍙ｅ湴鍧�" />
- </el-form-item> -->
-
- <!-- <el-form-item label="閭斂缂栫爜" prop="cusPostcode">
+ <el-form-item label="骞撮緞" prop="age">
<el-input
- v-model="form.cusPostcode"
- placeholder="璇疯緭鍏ラ偖鏀跨紪鐮�"
+ v-model="form.age"
+ :disabled="isDisabled"
+ style="width: 28%"
/>
- </el-form-item> -->
- <!-- <el-form-item label="绱㈠紩鍗″彿" prop="indexCard">
- <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ョ储寮曞崱鍙�" />
- </el-form-item> -->
+ <el-select
+ :disabled="isDisabled"
+ v-model="form.ageUnit"
+ style="width: 20%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_ageunit"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <el-form
+ style="margin: 4px 8px"
+ :inline="true"
+ ref="form"
+ :model="form"
+ :rules="rules"
+ label-width="106px"
+ >
+ <el-form-item label="鍗″彿" prop="indexCard">
+ <el-input v-model="form.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" />
+ </el-form-item>
+ <el-form-item label="鑱屼笟" prop="career">
+ <el-select
+ filterable
+ :disabled="isDisabled"
+ v-model="form.career"
+ placeholder="璇疯緭鍏ヨ亴涓�"
+ style="width: 94%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_job"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
- <el-row>
- <el-col :span="5">
- <el-form-item
- label="閮ㄩ棬"
- prop="department"
- style="display: flex"
- >
- <el-input
- v-model="form.department"
- placeholder="璇疯緭鍏ラ儴闂�"
- />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item
- label="鏃堕棿"
- prop="timeRegion"
- style="display: flex"
- >
- <el-select
- v-model="form.timeRegion"
- placeholder="璇烽�夋嫨棰勭害鏃堕棿"
- >
- <el-option
- v-for="dict in dict.type.tj_time_region"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="7">
- <el-form-item label="棰勭害鏃ユ湡" prop="reservationTime">
- <el-date-picker
- v-model="form.reservationTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="閫夋嫨鏃ユ湡"
- :picker-options="setDisabled"
- >
- </el-date-picker>
- </el-form-item>
- </el-col>
- </el-row>
+ <el-form-item label="浣撴绫诲瀷" prop="tjType">
+ <el-select
+ v-model="form.tjType"
+ placeholder="璇烽�夋嫨浣撴绫诲瀷"
+ style="width: 94%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_team"
+ :key="dict.value"
+ :label="dict.label"
+ :value="parseInt(dict.value)"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <el-form
+ style="margin: 4px 8px"
+ :inline="true"
+ ref="form"
+ :model="form"
+ :rules="rules"
+ label-width="106px"
+ >
+ <el-form-item label="鍗曚綅" prop="company">
+ <el-input v-model="form.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" />
+ </el-form-item>
+ <el-form-item label="浣撴绫诲埆" prop="category">
+ <el-select
+ v-model="form.category"
+ placeholder="璇烽�夋嫨浣撴绫诲埆"
+ style="width: 95%"
+ >
+ <el-option
+ v-for="dict in dict.type.dict_tjtype"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ <!-- <el-input v-model="form.category" placeholder="璇疯緭鍏ヤ綋妫�绫诲埆" /> -->
+ </el-form-item>
+ <el-form-item label="閮ㄩ棬" prop="department">
+ <el-input v-model="form.department" placeholder="璇疯緭鍏ラ儴闂�" />
+ </el-form-item>
+ </el-form>
+ <el-form
+ style="margin: 4px 8px"
+ :inline="true"
+ ref="form"
+ :model="form"
+ :rules="rules"
+ label-width="106px"
+ >
+ <el-form-item label="鐜颁綇鍦板潃" prop="cusAddr">
+ <el-input v-model="form.cusAddr" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" />
+ </el-form-item>
+ <el-form-item label="棰勭害鏃堕棿" prop="timeRegion">
+ <el-select
+ v-model="form.timeRegion"
+ placeholder="璇烽�夋嫨棰勭害鏃堕棿"
+ style="width: 95%"
+ >
+ <el-option
+ v-for="dict in dict.type.tj_time_region"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="棰勭害鏃ユ湡" prop="reservationTime">
+ <el-date-picker
+ v-model="form.reservationTime"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="setDisabled"
+ style="width: 88%"
+ >
+ </el-date-picker>
+ </el-form-item>
</el-form>
</div>
</el-col>
@@ -367,20 +306,22 @@
<el-dialog
title="閫夋嫨濂楅"
:visible.sync="taocan"
- width="42%"
+ width="80%"
height="700px"
>
<el-tabs
type="border-card"
style="height: 538px; margin: 0 10px; width: 100%"
+ @tab-click="handleClick"
+ v-model="activeNames"
>
- <el-tab-pane label="濂楅">
+ <el-tab-pane label="濂楅" name="first">
<el-form
:model="queryParam"
ref="queryForm"
size="small"
:inline="true"
- v-show="showSearch"
+ v-if="showSearch"
@submit.native.prevent
label-width="auto"
>
@@ -460,28 +401,260 @@
class="el-icon-d-arrow-right"></i></el-button> -->
</div>
</el-tab-pane>
- <el-tab-pane label="鍗曢」">
+ <el-tab-pane label="缁勫悎" name="third">
<div class="tab8">
- <div class="tab7">
+ <el-row :gutter="20" style="width: 100%">
+ <el-col :span="8">
+ <div
+ style="
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ "
+ >
+ 椤圭洰鍒楄〃
+ </div>
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterage">
+ </el-input>
+ <div class="tab3">
+ <el-tree
+ class="filter-tree"
+ v-loading="loading"
+ :data="packageList"
+ :props="defaultProp"
+ show-checkbox
+ node-key="id"
+ @check="handlepackage"
+ :default-checked-keys="checkedkeys"
+ :filter-node-method="filterpackage"
+ ref="treas"
+ :render-content="renderContents"
+ >
+ </el-tree>
+ </div>
+ </el-col>
+ <el-col :span="6">
+ <div
+ style="
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ "
+ >
+ 鏄庣粏椤圭洰鍒楄〃
+ </div>
+ <div class="tab3">
+ <el-tree
+ class="filter-tree"
+ v-loading="loading"
+ :data="packagedataList"
+ node-key="proId"
+ :props="defaultpackProps"
+ :render-content="renderContent"
+ >
+ </el-tree>
+ </div>
+ </el-col>
+ <el-col :span="11">
+ <div class="grid-content bg-purple">
+ <div
+ style="
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ "
+ >
+ 宸查�夐」鐩垪琛�
+ </div>
+ <el-table
+ :data="DataLists"
+ border
+ style="width: 100%"
+ height="400"
+ :span-method="objectspanmethod"
+ >
+ <el-table-column prop="propinName" label="妫�鏌ラ」鐩�">
+ </el-table-column>
+ <el-table-column
+ prop="proName"
+ label="鏄庣粏椤圭洰"
+ width="260px"
+ >
+ </el-table-column>
+ <el-table-column prop="proPrice" label="鍘熶环" width="56px">
+ </el-table-column>
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ fixed="right"
+ class-name="small-padding fixed-width"
+ width="50px"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDel(scope.row)"
+ title="鍒犻櫎"
+ ></el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3>
+ </div>
+ </el-col>
+ </el-row>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="鍗曢」" name="second">
+ <div class="tab8">
+ <!-- <div class="tab7">
<v-tree-transfer
:treeData="treedataList"
:defaultProps="{ children: 'tjProjectList', label: 'proName' }"
:defaultKeys="defaultKeys"
@changeKeys="changeCategoryKeys"
:key="datekey"
- ></v-tree-transfer>
- <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList"
+ ></v-tree-transfer> -->
+ <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList"
@check-change="handleCurrentChecked">
</el-tree> -->
- </div>
- <!-- <el-button style="
- width: 20px;
- height: 100px;
- margin-left: 10px;
- margin-top: 20%;
- font-size: 10px;
- " type="primary" size="mini" @click="submit"><i style="font-size: 18px"
- class="el-icon-d-arrow-right"></i></el-button> -->
+ <!-- </div> -->
+ <el-row :gutter="20" style="width: 100%">
+ <el-col :span="8">
+ <div
+ style="
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ "
+ >
+ 椤圭洰鍒楄〃
+ </div>
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText">
+ </el-input>
+ <div class="tab3">
+ <el-tree
+ class="filter-tree"
+ v-loading="loading"
+ :data="Treedata"
+ :props="defaultProps"
+ show-checkbox
+ node-key="proId"
+ @check="handleCurrentChecked"
+ :default-checked-keys="checkedkey"
+ :filter-node-method="filterNode"
+ ref="tree"
+ :render-content="renderContent"
+ >
+ </el-tree>
+ </div>
+ </el-col>
+ <el-col :span="6">
+ <div
+ style="
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ "
+ >
+ 鏄庣粏椤圭洰鍒楄〃
+ </div>
+ <div class="tab3">
+ <el-tree
+ class="filter-tree"
+ v-loading="loading"
+ :data="TreedataList"
+ node-key="proId"
+ :props="defaultProps"
+ :filter-node-method="filterNode"
+ show-checkbox
+ @check-change="handleCurrentChecked1"
+ :default-checked-keys="checkedListkey"
+ :render-content="renderContent"
+ >
+ </el-tree>
+ </div>
+ </el-col>
+ <el-col :span="11">
+ <div class="grid-content bg-purple">
+ <div
+ style="
+ text-align: center;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ "
+ >
+ 宸查�夐」鐩垪琛�
+ </div>
+ <el-table
+ :data="DataList"
+ border
+ style="width: 100%"
+ height="400"
+ :span-method="objectSpanMethod"
+ >
+ <el-table-column prop="propinName" label="妫�鏌ラ」鐩�">
+ </el-table-column>
+ <el-table-column
+ prop="proName"
+ label="鏄庣粏椤圭洰"
+ width="260px"
+ >
+ </el-table-column>
+ <el-table-column prop="proPrice" label="鍘熶环" width="56px">
+ </el-table-column>
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ fixed="right"
+ class-name="small-padding fixed-width"
+ width="50px"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ title="鍒犻櫎"
+ ></el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <el-collapse v-model="activeName" accordion v-if="list1">
+ <div>
+ <el-collapse-item title="璇烽�夋嫨椤圭洰">
+ <el-table
+ :data="DataList"
+ border
+ style="width: 100%"
+ height="400"
+ :span-method="objectSpanMethod"
+ >
+ <el-table-column
+ prop="proName"
+ label="椤圭洰"
+ width="180"
+ >
+ </el-table-column>
+ <el-table-column prop="ordPrice" label="鍘熶环">
+ </el-table-column>
+ </el-table>
+ </el-collapse-item>
+ </div>
+ </el-collapse>
+ <h3 v-else style="font-weight: 600">
+ 鍚堣锛歿{ marryall }}鍏�
+ </h3>
+ </div>
+ </el-col>
+ </el-row>
</div>
</el-tab-pane>
</el-tabs>
@@ -539,7 +712,7 @@
<el-form
:model="form"
:inline="true"
- label-width="75px"
+ label-width="100px"
style="margin-left: 10px"
>
<el-form-item label="搴旀敹閲戦" style="margin-right: 20px">
@@ -547,7 +720,6 @@
placeholder="搴旀敹閲戦"
:value="TotalPrice1 + '.00'"
disabled
- style="width: 150px"
></el-input>
</el-form-item>
<!-- <el-form-item label="浼樻儬鎶樻墸" style="margin-right: 20px">
@@ -555,19 +727,20 @@
<el-input-number style="width: 140px" v-model="discount" :precision="2" :step="0.1" :max="10" :min="1"
@change="numberChange" :disabled="isfalse"></el-input-number>
</el-form-item> -->
- <el-form-item label="瀹炴敹閲戦" style="margin-right: 20px">
+ <el-form-item label="瀹炴敹閲戦">
<el-input
placeholder="瀹炴敹閲戦"
v-model="TotalPrice"
disabled
- style="width: 190px"
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="Package" size="mini"
>閫夋嫨濂楅</el-button
>
-
+ <el-button type="primary" @click="resetpackage" size="mini"
+ >閲嶇疆濂楅</el-button
+ >
<el-button
type="primary"
@click="submitPrice"
@@ -603,8 +776,8 @@
border: 1px solid #e6ebf5;
max-height: 420px;
overflow: auto;
- width: 1020px;
- margin-left: 20px;
+ width: 950px;
+ margin-left: 25px;
"
>
<el-collapse v-model="index" accordion>
@@ -622,6 +795,12 @@
".00鍏�)"
}}
</template>
+ <el-button
+ type="primary"
+ @click="candelete(item)"
+ style="margin: 5px"
+ >鍒� 闄�</el-button
+ >
<el-table
:data="item.list"
border
@@ -773,6 +952,7 @@
<script>
import printJS from "print-js";
import { getInfo } from "@/api/login";
+import { getZhList, getlistByZhId } from "@/api/system/package";
import {
deptTreeSelect,
projectGetList,
@@ -780,10 +960,12 @@
getPackageListName,
getaddtTransition,
getTransitionList,
- getGuide,
+ getProParentIdDxList,
+ getProSonDxList,
getaddTj,
getHistryTjOrderByCusIdCard,
getHistryTjOrderProByCusIdCard,
+ delTbBycusCardIdAndProId,
} from "@/api/system/tijian";
import { MessageBox } from "element-ui";
import VTreeTransfer from "../tijian/TreeTransfer.vue";
@@ -809,7 +991,6 @@
data() {
let checkPhoneNum = (rule, value, callback) => {
- console.log(value);
let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
if (value == "" && value == undefined && !value) {
return callback("");
@@ -844,8 +1025,14 @@
// }
// };
return {
+ marryall: 0,
+ marryalls: 0,
+ filterText: "",
+ filterage: "",
proIdList: [],
tableDatas: [],
+ packageList: [],
+ checkedkeys: [],
dialogVisiblese: false,
lishi: false,
table: false,
@@ -875,6 +1062,7 @@
/** 鐓х浉鏈哄脊绐楁ā鍧�-start */
videoWidth: 200,
videoHeight: 200,
+ activeNames: "first",
// canvasWidth:300,
// canvasHeight:300,
imgSrc: "",
@@ -934,10 +1122,24 @@
// 鏄剧ず鎼滅储鏉′欢
showSearch: true,
// 鏍戠姸褰㈢姸
+ Treedata: [],
+ TreedataList: [],
+ DataLists: [],
treedataList: [],
+ checkedkey: [],
+ checkedListkey: [],
defaultProps: {
- children: "tjProjectList",
+ children: [],
label: "proName",
+ },
+ packagedataList: [],
+ defaultpackProps: {
+ children: [],
+ label: "proName",
+ },
+ defaultProp: {
+ children: [],
+ label: "zhmc",
},
formPacId: "",
dXData: [],
@@ -995,7 +1197,7 @@
cusSex: [
{ required: true, validator: checkPhoneNum, trigger: "change" },
],
- category: [
+ category: [
{ required: true, validator: checkPhoneNum, trigger: "change" },
],
cusBrithday: [
@@ -1033,9 +1235,16 @@
},
};
},
+ watch: {
+ filterText(val) {
+ this.$refs.tree.filter(val);
+ },
+ filterage(val) {
+ this.$refs.treas.filter(val);
+ },
+ },
created() {
this.getList1();
- this.getData();
},
methods: {
inputChange() {
@@ -1088,6 +1297,65 @@
inputChanges() {
this.$refs.historyTj.getlist();
},
+ candelete(item) {
+ let data = {
+ cusCardId: this.form.cusIdcard,
+ proId: item.proPrantId,
+ };
+ delTbBycusCardIdAndProId(data).then((res) => {
+ getTransitionList(this.form.cusIdcard).then((response) => {
+ this.tableData1 = response.data;
+ this.TotalPrice1 = 0;
+ if (this.tableData1) {
+ this.tableData1.forEach((item) => {
+ this.TotalPrice1 += item.nowPrice;
+ if (item.pacName === null) {
+ item.pacName = "鍗曢」";
+ }
+ if (item.pacName == "鍗曢」") {
+ item.list.forEach((item9) => {
+ this.treeList.push(item9.proId);
+ });
+ }
+ this.pacName = item.pacName;
+ });
+
+ const r = /^\+?[0-9][0-9]*$/; //姝ｆ暣鏁帮紙鍙互0鎵撳ご锛�
+ let TotalPrice = this.TotalPrice1 * (this.discount / 10);
+ if (r.test(TotalPrice)) {
+ this.TotalPrice = TotalPrice + ".00";
+ } else {
+ this.TotalPrice = TotalPrice;
+ }
+
+ this.list1 = false;
+ this.list3 = true;
+ } else {
+ this.list1 = true;
+
+ this.TotalPrice = "0.00";
+ }
+ });
+ });
+ },
+ filterNode(value, data) {
+ if (!value) return true;
+ // return data.proName.indexOf(value) !== -1;
+ if (data.proName.indexOf(value) !== -1) {
+ return data.proName.indexOf(value) !== -1;
+ } else {
+ return data.proEngName.indexOf(value) !== -1;
+ }
+ },
+
+ filterpackage(value, data) {
+ if (!value) return true;
+ if (data.zhmc.indexOf(value) !== -1) {
+ return data.zhmc.indexOf(value) !== -1;
+ } else {
+ return data.pym.indexOf(value) !== -1;
+ }
+ },
cope() {
let cusIdCard = this.form.cusIdcard;
getHistryTjOrderProByCusIdCard(cusIdCard).then((res) => {
@@ -1117,7 +1385,6 @@
} else {
item.list.forEach((items) => {
_this.proIdList.push(items.proId);
- console.log(_this.pacId, 888);
});
}
});
@@ -1190,7 +1457,7 @@
this.loading = false;
});
}
- this.getData();
+ // this.getData();
},
getData() {
/** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
@@ -1371,13 +1638,47 @@
// return true;
// }
// },
+ resetpackage() {
+ if (this.form.cusIdcard) {
+ var cusId = this.form.cusIdcard;
+ } else {
+ this.$message.warning("璇峰厛濉啓淇℃伅锛屽啀閫変綋妫�鍐呭");
+ }
+ let _this = this;
+ _this.pacId = "";
+ this.proIds = [];
+ let data = {
+ cusId,
+ pacId: _this.pacId,
+ proIds: this.proIds,
+ };
+ getaddtTransition(data).then((response) => {
+ if (response.code === 200) {
+ let cusId = this.form.cusIdcard;
+ this.proIds = [];
+ getTransitionList(cusId).then((response) => {
+ this.tableData1 = response.data;
+ this.TotalPrice1 = 0;
+ if (this.tableData1.length >= 1) {
+ this.list1 = false;
+ this.list3 = true;
+ } else {
+ this.list1 = true;
+
+ this.TotalPrice = "0.00";
+ }
+ });
+ }
+ });
+ },
Package() {
this.taocan = true;
- // this.getData();
let cusSex = this.form.cusSex;
+ this.activeNames = "first";
this.datekey = Date.now();
//鍏ㄩ儴濂楅
+ this.loading = true;
deptTreeSelect(cusSex).then((response) => {
this.newpacName = response.rows;
try {
@@ -1396,6 +1697,7 @@
} catch (error) {}
this.loading = false;
});
+ // this.getDataList();
},
// 鎶樻墸
@@ -1454,29 +1756,34 @@
this.single = selection.length !== 1;
this.multiple = !selection.length;
if (selection[0]) {
- this.DataList = [];
+ // this.DataList = [];
// this.data = JSON.parse(JSON.stringify(this.dXData));
selection[0].tjProjectList.forEach((selectionitem) => {
- this.treedataList.forEach((item) => {
+ this.Treedata.forEach((item) => {
if (selectionitem.proName == item.proName) {
item.disabled = true;
item.tjProjectList = [];
}
- if (item.tjProjectList) {
- item.tjProjectList.forEach((item1) => {
- if (selectionitem.proName == item1.proName) {
- item1.disabled = true;
- item1.tjProjectList = [];
- }
- if (item1.tjProjectList) {
- item1.tjProjectList.forEach((item2) => {
- if (selectionitem.proName == item2.proName) {
- item2.disabled = true;
- item2.tjProjectList = [];
- }
- });
- }
- });
+ // if (item.tjProjectList) {
+ // item.tjProjectList.forEach((item1) => {
+ // if (selectionitem.proName == item1.proName) {
+ // item1.disabled = true;
+ // item1.tjProjectList = [];
+ // }
+ // if (item1.tjProjectList) {
+ // item1.tjProjectList.forEach((item2) => {
+ // if (selectionitem.proName == item2.proName) {
+ // item2.disabled = true;
+ // item2.tjProjectList = [];
+ // }
+ // });
+ // }
+ // });
+ // }
+ });
+ this.TreedataList.forEach((item3) => {
+ if (item3.proParentId == selectionitem.proId) {
+ item.disabled = true;
}
});
});
@@ -1485,27 +1792,342 @@
return;
}
},
+ handleClick(tab, event) {
+ if (this.activeNames == "second") {
+ this.DataList = [];
+ this.getDataList();
+ } else if (this.activeNames == "third") {
+ this.DataLists = [];
+ getZhList().then((response) => {
+ if (response.data) {
+ this.packageList = response.data;
+ this.checkedkeys.push(this.packageList[0].id);
+ let datas = {
+ zhId: this.packageList[0].id,
+ };
+ getlistByZhId(datas).then((res) => {
+ this.packagedataList = res.data.tjProjectList;
+ for (var i = 0; i < this.packagedataList.length; i++) {
+ let proId = this.packagedataList[i].proId;
+ getProSonDxList(proId).then((res) => {
+ this.TreedataList = res.data.list;
+ this.TreedataList.forEach((item) => {
+ this.DataLists.push(item);
+ if (this.DataLists.length >= 1) {
+ this.marryalls = 0;
+ this.DataLists.forEach((item1) => {
+ this.marryalls += item1.proPrice;
+ this.packagedataList.forEach((item3) => {
+ if (item1.proParentId == item3.proId) {
+ item1.propinName = item3.proName;
+ }
+ });
+ });
+ }
+ });
+ });
+ }
+ });
+ }
+ this.loading = false;
+ });
+ }
+ },
+ renderContent(h, { node, data, store }) {
+ return (
+ <span class="custom-tree-node">
+ <span>{node.label}</span>
+ <span>({data.proPrice}鍏�)</span>
+ </span>
+ );
+ },
+ renderContents(h, { node, data, store }) {
+ return (
+ <span class="custom-tree-node">
+ <span>{node.label}</span>
+ <span>({data.price}鍏�)</span>
+ </span>
+ );
+ },
+ getDataList() {
+ this.loading = true;
+ getProParentIdDxList().then((response) => {
+ this.Treedata = response.data.list;
+ if (this.tableData[0]) {
+ this.tableData[0].tjProjectList.forEach((selectionitem) => {
+ this.Treedata.forEach((item) => {
+ if (selectionitem.proId == item.proId) {
+ item.disabled = true;
+ }
+ });
+ });
+ }
+ if (this.DataLists.length != 0) {
+ this.DataLists.forEach((selectionitem) => {
+ this.Treedata.forEach((item) => {
+ if (selectionitem.propinName == item.proName) {
+ item.disabled = true;
+ }
+ });
+ });
+ }
+ // this.checkedkey.push(this.Treedata[0].proId);
+ // let proId = this.Treedata[0].proId;
+ // getProSonDxList(proId).then((res) => {
+ // this.TreedataList = res.data.list;
+ // this.TreedataList.forEach((item) => {
+ // this.checkedListkey.push(item.proId);
+ // this.DataList.push(item);
+ // this.DataList.forEach((item) => {
+ // item.propinName = this.Treedata[0].proName;
+ // });
+ // });
+ // this.TotalPrice1 = 0;
+ // this.marryall = 0;
+ // if (this.DataList.length != 0) {
+ // this.list1 = false;
+ // this.DataList.forEach((item) => {
+ // this.TotalPrice1 = item.proPrice + this.TotalPrice1;
+ // this.marryall += item.proPrice;
+ // });
+ // }
+ // });
+ this.loading = false;
+ });
+ },
+
+ handlepackage(data, checked, checkedNodes) {
+ if (checked.checkedNodes.length != 0) {
+ this.$refs.treas.setCheckedKeys([data.id]);
+ let datas = {
+ zhId: data.id,
+ };
+ getlistByZhId(datas).then((res) => {
+ this.packagedataList = res.data.tjProjectList;
+ for (var i = 0; i < this.packagedataList.length; i++) {
+ let proId = this.packagedataList[i].proId;
+ getProSonDxList(proId).then((res) => {
+ this.TreedataList = res.data.list;
+ this.TreedataList.forEach((item) => {
+ this.DataLists.push(item);
+ if (this.DataLists.length >= 1) {
+ this.marryalls = 0;
+ this.DataLists.forEach((item1) => {
+ this.marryalls += item1.proPrice;
+ this.packagedataList.forEach((item3) => {
+ if (item1.proParentId == item3.proId) {
+ item1.propinName = item3.proName;
+ }
+ });
+ });
+ }
+ });
+ });
+ }
+ });
+ } else if (checked.checkedNodes.length == 0) {
+ for (var i = 0; i < data.tjProjectList.length; i++) {
+ let proId = data.tjProjectList[i].proId;
+ getProSonDxList(proId).then((res) => {
+ this.TreedataList = res.data.list;
+ this.TreedataList.forEach((item) => {
+ this.DataLists.forEach((item1, index) => {
+ if (item.proId == item1.proId) {
+ this.DataLists.splice(index, 1);
+
+ }
+ });
+ });
+ this.marryalls = 0
+ if(this.DataLists.length != 0){
+ this.DataLists.forEach((item1, index) => {
+ this.marryalls += item1.proPrice;
+ })
+ }
+ });
+ }
+ }
+ },
+
+ objectspanmethod({ row, column, rowIndex, columnIndex }) {
+ let fields = ["propinName"];
+ let cellValue = row[column.property];
+ if (cellValue && fields.includes(column.property)) {
+ let prevRow = this.DataLists[rowIndex - 1];
+ let nextRow = this.DataLists[rowIndex + 1];
+ if (prevRow && prevRow[column.property] === cellValue) {
+ return { rowspan: 0, colspan: 0 };
+ } else {
+ let countRowspan = 1;
+ while (nextRow && nextRow[column.property] === cellValue) {
+ nextRow = this.DataLists[++countRowspan + rowIndex];
+ }
+
+ if (countRowspan > 1) {
+ return { rowspan: countRowspan, colspan: 1 };
+ }
+ }
+ }
+
+ // if (columnIndex == 3) {
+ // let rowspan = 0;
+ // this.DataLists.forEach((element) => {
+ // if (element.propinName === row.propinName) {
+ // rowspan++;
+ // }
+ // });
+ // return [rowspan, 1];
+ // }
+ },
// 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐�
handleCurrentChecked(data, checked, checkedNodes) {
- if (checked === true) {
- this.DataList.push(data);
- } else {
- this.DataList.pop(data);
- }
- this.proIds = [];
- if (this.DataList.length != 0) {
- this.DataList.forEach((item) => {
- this.proIds.push(item.proId);
+ this.dataObj = data;
+ if (checked.checkedNodes.length != 0) {
+ this.$refs.tree.setCheckedKeys([data.proId]);
+ let proId = data.proId;
+ getProSonDxList(proId).then((res) => {
+ this.TreedataList = res.data.list;
+ this.TreedataList.forEach((item) => {
+ this.checkedListkey.push(item.proId);
+ this.DataList.push(item);
+ this.spliceData();
+ this.DataList.forEach((item1) => {
+ if (item1.proParentId == data.proId) {
+ item1.propinName = data.proName;
+ }
+ });
+ });
+ this.TotalPrice1 = 0;
+ this.marryall = 0;
+ if (this.DataList.length != 0) {
+ this.list1 = false;
+ this.DataList.forEach((item) => {
+ this.TotalPrice1 = item.proPrice + this.TotalPrice1;
+ this.marryall += item.proPrice;
+ });
+ }
});
- } else {
- this.proIds = [];
+ } else if (checked.checkedNodes.length == 0) {
+ let proId = data.proId;
+ getProSonDxList(proId).then((res) => {
+ this.TreedataList = res.data.list;
+ this.checkedListkey = [];
+ });
}
},
- changeCategoryKeys(val) {
- this.proIds = [];
- this.proIds = val;
+
+ spliceData() {
+ for (var i = 0; i < this.DataList.length; i++) {
+ for (var j = i + 1; j < this.DataList.length; j++) {
+ if (this.DataList[i].proId == this.DataList[j].proId) {
+ //濡傛灉绗竴涓瓑浜庣浜屼釜锛宻plice鏂规硶鍒犻櫎绗簩涓�
+ this.DataList.splice(j, 1);
+ j--;
+ }
+ }
+ }
+ return this.DataList;
},
+
+ // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐�
+ handleCurrentChecked1(data, checked, checkedNodes) {
+ if (checked == false) {
+ this.DataList.forEach((item, index) => {
+ if (item.proId == data.proId) {
+ this.DataList.splice(index, 1);
+ this.TotalPrice1 = 0;
+ this.marryall = 0;
+ this.DataList.forEach((item1) => {
+ this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
+ this.marryall += item1.proPrice;
+ });
+ }
+ });
+ } else if (checked == true) {
+ this.DataList.push(data);
+ this.DataList.forEach((item1) => {
+ if (item1.proParentId == this.dataObj.proId) {
+ item1.propinName = this.dataObj.proName;
+ }
+ });
+ this.spliceData();
+ this.TotalPrice1 = 0;
+ this.marryall = 0;
+ this.DataList.forEach((item1) => {
+ this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
+ this.marryall += item1.proPrice;
+ });
+ }
+ },
+
+ handleDel(row) {
+ this.DataLists.forEach((item, index) => {
+ if (item.proId == row.proId) {
+ this.DataLists.splice(index, 1);
+ this.marryalls = 0;
+ this.DataLists.forEach((item1) => {
+ this.marryalls += item1.proPrice;
+ });
+ }
+ });
+ },
+
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ this.DataList.forEach((item, index) => {
+ if (item.proId == row.proId) {
+ this.DataList.splice(index, 1);
+ this.marryall = 0;
+ this.TotalPrice1 = 0;
+ this.DataList.forEach((item1) => {
+ this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
+ this.marryall += item1.proPrice;
+ });
+ }
+ });
+ },
+ // // 榛樿鎺ュ彈鍥涗釜鍊� { 褰撳墠琛岀殑鍊�, 褰撳墠鍒楃殑鍊�, 琛岀殑涓嬫爣, 鍒楃殑涓嬫爣 }
+ objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+ let fields = ["propinName"];
+ let cellValue = row[column.property];
+ if (cellValue && fields.includes(column.property)) {
+ let prevRow = this.DataList[rowIndex - 1];
+ let nextRow = this.DataList[rowIndex + 1];
+ if (prevRow && prevRow[column.property] === cellValue) {
+ return { rowspan: 0, colspan: 0 };
+ } else {
+ let countRowspan = 1;
+ while (nextRow && nextRow[column.property] === cellValue) {
+ nextRow = this.DataList[++countRowspan + rowIndex];
+ }
+ if (countRowspan > 1) {
+ return { rowspan: countRowspan, colspan: 1 };
+ }
+ }
+ }
+ },
+
+ // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐�
+ // handleCurrentChecked(data, checked, checkedNodes) {
+ // if (checked === true) {
+ // this.DataList.push(data);
+ // } else {
+ // this.DataList.pop(data);
+ // }
+ // this.proIds = [];
+ // if (this.DataList.length != 0) {
+ // this.DataList.forEach((item) => {
+ // this.proIds.push(item.proId);
+ // });
+ // } else {
+ // this.proIds = [];
+ // }
+ // },
+ // changeCategoryKeys(val) {
+ // this.proIds = [];
+ // this.proIds = val;
+ // },
// 椤圭洰鎻愪氦
submit() {
@@ -1522,6 +2144,17 @@
});
} else {
_this.pacId = "";
+ }
+ this.proIds = [];
+ if (this.DataList.length != 0) {
+ this.DataList.forEach((item) => {
+ this.proIds.push(item.proId);
+ });
+ }
+ if (this.DataLists.length != 0) {
+ this.DataLists.forEach((item) => {
+ this.proIds.push(item.proId);
+ });
}
let data = {
cusId,
@@ -1686,6 +2319,12 @@
display: block;
}
+.tab3 {
+ max-height: 400px;
+ overflow-y: auto;
+ border: 1px solid #d9d9d9;
+}
+
.el-col-8 {
width: 330px;
}
--
Gitblit v1.8.0