From 58d1ae47dea17cb10699185066b748766f9ea261 Mon Sep 17 00:00:00 2001 From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com> Date: 星期二, 16 七月 2024 17:58:30 +0800 Subject: [PATCH] qxtj --- src/views/reservation/reservations/index.vue | 1465 +++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 1,092 insertions(+), 373 deletions(-) diff --git a/src/views/reservation/reservations/index.vue b/src/views/reservation/reservations/index.vue index c1c568f..ff98041 100644 --- a/src/views/reservation/reservations/index.vue +++ b/src/views/reservation/reservations/index.vue @@ -1,105 +1,294 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="68px" + > <el-form-item label="濮撳悕" prop="name"> - <el-input style="width: 120px" v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable - @keyup.enter.native="handleQuery" /> + <el-input + style="width: 120px" + v-model="queryParams.name" + placeholder="璇疯緭鍏ュ鍚�" + clearable + @keyup.enter.native="handleQuery" + /> </el-form-item> <el-form-item label="韬唤璇佸彿" prop="idCard"> - <el-input v-model="queryParams.idCard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable @keyup.enter.native="handleQuery" /> + <el-input + v-model="queryParams.idCard" + placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" + clearable + @keyup.enter.native="handleQuery" + /> </el-form-item> <el-form-item label="鑱旂郴鐢佃瘽" prop="phoe"> - <el-input v-model="queryParams.phoe" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" clearable @keyup.enter.native="handleQuery" - style="width: 140px" /> + <el-input + v-model="queryParams.phoe" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + clearable + @keyup.enter.native="handleQuery" + style="width: 140px" + /> </el-form-item> <el-form-item label="鍗曚綅鍚嶇О" prop="company"> - <el-select :remote-method="getRemoteData" v-model="queryParams.company" value-key="drugManufacturerId" remote - filterable placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="searchSelect"> - <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" - :value="dict.cnName" /> + <el-select + :remote-method="getRemoteData" + v-model="queryParams.company" + value-key="drugManufacturerId" + remote + filterable + placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" + clearable + @change="searchSelect" + > + <el-option + v-for="dict in CompanyList" + :key="dict.drugManufacturerId" + :label="dict.cnName" + :value="dict.cnName" + /> </el-select> </el-form-item> <el-form-item label="棰勭害瓒呮湡" prop="isExpire"> - <el-select v-model="queryParams.isExpire" placeholder="璇烽�夋嫨鏄惁瓒呮湡" clearable style="width: 140px"> - <el-option v-for="dict in options" :key="dict.value" :label="dict.label" :value="dict.value" /> + <el-select + v-model="queryParams.isExpire" + placeholder="璇烽�夋嫨鏄惁瓒呮湡" + clearable + style="width: 140px" + > + <el-option + v-for="dict in options" + :key="dict.value" + :label="dict.label" + :value="dict.value" + /> </el-select> </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button> - <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鎼滅储</el-button + > + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" + >閲嶇疆</el-button + > </el-form-item> </el-form> - <el-row :gutter="10" style="margin: 10px 15px;"> + <el-row :gutter="10" style="margin: 10px 15px"> <el-col :span="1.5"> - <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="batch" - v-hasPermi="['reservation:reservation:remove']">鎾ら攢棰勭害</el-button> + <el-button + type="primary" + icon="el-icon-delete" + size="mini" + :disabled="multiple" + @click="batch" + v-hasPermi="['reservation:reservation:remove']" + >鎾ら攢棰勭害</el-button + > </el-col> <el-col :span="1.5"> - <el-button type="primary" size="mini" :disabled="single" @click="receipt" - v-hasPermi="['reservation:reservation:remove']">琛ユ墦灏忕エ</el-button> + <el-button + type="primary" + size="mini" + :disabled="single" + @click="receipt" + v-hasPermi="['reservation:reservation:remove']" + >琛ユ墦灏忕エ</el-button + > </el-col> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> + <right-toolbar + :showSearch.sync="showSearch" + @queryTable="getList" + ></right-toolbar> </el-row> - <el-table border v-loading="loading" :data="reservationList" @selection-change="handleSelectionChange" - :default-sort="{ prop: 'reservationTime', order: 'descending' }" highlight-current-row style="margin-left: 15px;"> - <el-table-column type="selection" width="40px" align="center" fixed="left" :selectable="selectHandle" /> - <el-table-column label="濮撳悕" align="center" prop="name" width="90px" :show-overflow-tooltip="true" fixed="left" /> - <el-table-column label="鎬у埆" align="center" prop="sex" width="60px" :show-overflow-tooltip="true"> + <el-table + border + v-loading="loading" + :data="reservationList" + @selection-change="handleSelectionChange" + :default-sort="{ prop: 'reservationTime', order: 'descending' }" + highlight-current-row + style="margin-left: 15px" + > + <el-table-column + type="selection" + width="40px" + align="center" + fixed="left" + :selectable="selectHandle" + /> + <el-table-column + label="濮撳悕" + align="center" + prop="name" + width="90px" + :show-overflow-tooltip="true" + fixed="left" + /> + <el-table-column + label="鎬у埆" + align="center" + prop="sex" + width="60px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> <span v-if="scope.row.sex == '0'">鐢�</span> <span v-if="scope.row.sex == '1'">濂�</span> <span v-if="scope.row.sex == '2'">鏈煡</span> </template> </el-table-column> - <el-table-column label="骞撮緞" align="center" prop="age" width="60px" :show-overflow-tooltip="true" /> - <el-table-column label="韬唤璇佸彿" align="center" prop="idCard" width="170px" :show-overflow-tooltip="true" /> - <el-table-column label="鍑虹敓鏃ユ湡" align="center" prop="birthday" width="100px" :show-overflow-tooltip="true"> + <el-table-column + label="骞撮緞" + align="center" + prop="age" + width="60px" + :show-overflow-tooltip="true" + /> + <el-table-column + label="韬唤璇佸彿" + align="center" + prop="idCard" + width="170px" + :show-overflow-tooltip="true" + /> + <el-table-column + label="鍑虹敓鏃ユ湡" + align="center" + prop="birthday" + width="100px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> <span>{{ parseTime(scope.row.birthday, "{y}-{m}-{d}") }}</span> </template> </el-table-column> - <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="phoe" width="110px" :show-overflow-tooltip="true" /> - - <el-table-column label="棰勭害鏃堕棿" align="center" prop="reservationTime" width="100px" :show-overflow-tooltip="true" - sortable> + <el-table-column + label="鑱旂郴鐢佃瘽" + align="center" + prop="phoe" + width="110px" + :show-overflow-tooltip="true" + /> + + <el-table-column + label="棰勭害鏃堕棿" + align="center" + prop="reservationTime" + width="100px" + :show-overflow-tooltip="true" + sortable + > <template slot-scope="scope"> <span>{{ parseTime(scope.row.reservationTime, "{y}-{m}-{d}") }}</span> </template> </el-table-column> - <el-table-column label="浣撴绫诲瀷" align="center" prop="tjType" width="80px" :show-overflow-tooltip="true"> + <el-table-column + label="浣撴绫诲瀷" + align="center" + prop="tjType" + width="80px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> <dict-tag :options="dict.type.dict_team" :value="scope.row.tjType" /> </template> </el-table-column> - <el-table-column label="濠氬Щ" align="center" prop="marriage" width="60px" :show-overflow-tooltip="true"> + <el-table-column + label="濠氬Щ" + align="center" + prop="marriage" + width="60px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.marriage" /> + <dict-tag + :options="dict.type.dict_user_marry" + :value="scope.row.marriage" + /> </template> </el-table-column> - <el-table-column label="姘戞棌" align="center" prop="nation" width="60px" :show-overflow-tooltip="true"> + <el-table-column + label="姘戞棌" + align="center" + prop="nation" + width="60px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> - <dict-tag :options="dict.type.dict_user_national" :value="scope.row.nation" /> + <dict-tag + :options="dict.type.dict_user_national" + :value="scope.row.nation" + /> </template> </el-table-column> <!-- <el-table-column label="浣撴绫诲埆" align="center" prop="tjCategory" width="100px" :show-overflow-tooltip="true" /> --> <!-- <el-table-column label="閮ㄩ棬" align="center" prop="department" width="90px" :show-overflow-tooltip="true" /> --> - <el-table-column label="棰勭害瓒呮湡" align="center" prop="isExpire" width="80px" :show-overflow-tooltip="true"> + <el-table-column + label="棰勭害瓒呮湡" + align="center" + prop="isExpire" + width="80px" + :show-overflow-tooltip="true" + > <template slot-scope="scope"> <span v-if="scope.row.isExpire == '1'">宸茶繃鏈�</span> <span v-if="scope.row.isExpire == '2'">鏈繃鏈�</span> </template> </el-table-column> - <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="company" :show-overflow-tooltip="true" /> - <el-table-column label="閭" align="center" prop="email" :show-overflow-tooltip="true" width="160px" /> - <el-table-column label="鍦板潃" align="center" prop="address" :show-overflow-tooltip="true" width="160px" /> + <el-table-column + label="鍗曚綅鍚嶇О" + align="center" + prop="company" + :show-overflow-tooltip="true" + /> + <el-table-column + label="閭" + align="center" + prop="email" + :show-overflow-tooltip="true" + width="160px" + /> + <el-table-column + label="鍦板潃" + align="center" + prop="address" + :show-overflow-tooltip="true" + width="160px" + /> <el-table-column label="鎿嶄綔" align="center" width="90px" fixed="right"> <template slot-scope="scope"> - <el-button size="mini" type="text" icon="el-icon-s-order" @click="handleUpdate1(scope.row)" - v-hasPermi="['reservation:reservation:edit']" title="棰勭害璇︾粏"></el-button> - <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" - v-hasPermi="['reservation:reservation:edit']" title="淇敼"></el-button> - <el-button size="mini" type="text" title="鎾ら攢棰勭害" icon="el-icon-delete" @click="handleDelete(scope.row)"> + <el-button + size="mini" + type="text" + icon="el-icon-s-order" + @click="handleUpdate1(scope.row)" + v-hasPermi="['reservation:reservation:edit']" + title="棰勭害璇︾粏" + ></el-button> + <el-button + size="mini" + type="text" + icon="el-icon-edit" + @click="handleUpdate(scope.row)" + v-hasPermi="['reservation:reservation:edit']" + title="淇敼" + ></el-button> + <el-button + size="mini" + type="text" + title="鎾ら攢棰勭害" + icon="el-icon-delete" + @click="handleDelete(scope.row)" + > </el-button> </template> </el-table-column> @@ -107,8 +296,13 @@ <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> <!-- 棰勭害鐧昏璇︽儏瀵硅瘽妗� --> @@ -116,114 +310,284 @@ <template> <div> <div style="width: 1000px"> - <el-form style="margin: 0px 8px" :inline="true" ref="formIn" :model="formIn" :rules="rules" - :label-position="labelPosition" class="demo-form-inline" label-width="78px"> + <el-form + style="margin: 0px 8px" + :inline="true" + ref="formIn" + :model="formIn" + :rules="rules" + :label-position="labelPosition" + class="demo-form-inline" + label-width="78px" + > <el-form-item label="濮撳悕" prop="name"> - <el-input v-model="formIn.name" placeholder="璇疯緭鍏ュ鍚�" style="width: 160px" /> + <el-input + v-model="formIn.name" + placeholder="璇疯緭鍏ュ鍚�" + style="width: 160px" + /> </el-form-item> <el-form-item label="璇佷欢绫诲瀷" prop="idType"> - <el-select style="width: 160px" v-model="formIn.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 + style="width: 160px" + v-model="formIn.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-form-item label="璇佷欢鍙�" prop="idCard"> - <el-input style="width: 186px" v-model="formIn.idCard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" /> + <el-input + style="width: 186px" + v-model="formIn.idCard" + placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" + /> </el-form-item> <el-form-item label="骞撮緞" prop="age"> <el-input style="width: 55px" v-model="formIn.age" /> </el-form-item> <el-form-item prop="ageUnit"> - <el-select style="width: 60px" v-model="formIn.ageUnit" @change="formchang"> - <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + style="width: 60px" + v-model="formIn.ageUnit" + @change="formchang" + > + <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-item label="鎬у埆" prop="sex"> - <el-select style="width: 160px" v-model="formIn.sex" 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 + style="width: 160px" + v-model="formIn.sex" + 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-form-item label="鑱旂郴鐢佃瘽" prop="phoe"> - <el-input v-model="formIn.phoe" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" style="width: 160px" /> + <el-input + v-model="formIn.phoe" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + style="width: 160px" + /> </el-form-item> <el-form-item label="姘戞棌" prop="nation"> - <el-select v-model="formIn.nation" placeholder="璇烽�夋嫨姘戞棌" style="width: 160px"> - <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label" - :value="parseInt(dict.value)"></el-option> + <el-select + v-model="formIn.nation" + placeholder="璇烽�夋嫨姘戞棌" + style="width: 160px" + > + <el-option + v-for="dict in dict.type.dict_user_national" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + ></el-option> </el-select> </el-form-item> <el-form-item label="閭" prop="email"> - <el-input v-model="formIn.email" placeholder="璇疯緭鍏ラ偖绠�" style="width: 150px" /> + <el-input + v-model="formIn.email" + placeholder="璇疯緭鍏ラ偖绠�" + style="width: 150px" + /> </el-form-item> <el-form-item label="濠氬Щ" prop="marriage"> - <el-select style="width: 160px" v-model="formIn.marriage" placeholder="璇烽�夋嫨濠氬Щ鐘跺喌"> - <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label" - :value="parseInt(dict.value)"></el-option> + <el-select + style="width: 160px" + v-model="formIn.marriage" + placeholder="璇烽�夋嫨濠氬Щ鐘跺喌" + > + <el-option + v-for="dict in dict.type.dict_user_marry" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + ></el-option> </el-select> </el-form-item> <el-form-item label="鐜颁綇鍧�" prop="address"> - <el-input v-model="formIn.address" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" style="width: 410px" /> + <el-input + v-model="formIn.address" + placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" + style="width: 410px" + /> </el-form-item> <el-form-item label="浣撴绫诲埆" prop="tjCategory"> - <el-select style="width: 140px" v-model="formIn.tjCategory" 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-select + style="width: 140px" + v-model="formIn.tjCategory" + 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-form-item> <el-form-item label="閮ㄩ棬" prop="department"> - <el-input v-model="formIn.department" placeholder="璇疯緭鍏ラ儴闂�" style="width: 160px" /> + <el-input + v-model="formIn.department" + placeholder="璇疯緭鍏ラ儴闂�" + style="width: 160px" + /> </el-form-item> <el-form-item label="宸ヤ綔鍗曚綅" prop="company"> - <el-input v-model="formIn.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 410px" /> + <el-input + v-model="formIn.company" + placeholder="璇疯緭鍏ュ伐浣滃崟浣�" + style="width: 410px" + /> </el-form-item> <el-form-item label="鑱屼笟" prop="career"> - <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="璇疯緭鍏ヨ亴涓�" - style="width: 150px"> - <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + filterable + :disabled="isDisabled" + v-model="formIn.career" + placeholder="璇疯緭鍏ヨ亴涓�" + style="width: 150px" + > + <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-form-item label="棰勭害鏃ユ湡" prop="reservationTime"> - <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" - :picker-options="setDisabled" style="width: 160px"> + <el-date-picker + v-model="formIn.reservationTime" + type="date" + value-format="yyyy-MM-dd" + placeholder="閫夋嫨鏃ユ湡" + :picker-options="setDisabled" + style="width: 160px" + > </el-date-picker> </el-form-item> <el-form-item label="鏃堕棿" prop="timeRegion"> - <el-select style="width: 130px" v-model="formIn.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 + style="width: 130px" + v-model="formIn.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-form-item label="鍗″彿" prop="indexCard"> - <el-input v-model="formIn.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" style="width: 190px" /> + <el-input + v-model="formIn.indexCard" + placeholder="璇疯緭鍏ュ崱鍙�" + style="width: 190px" + /> </el-form-item> - <el-button type="primary" @click="taocan = true" size="mini" v-show="tijiao1">閫夋嫨濂楅</el-button> + <el-button + type="primary" + @click="taocan = true" + size="mini" + v-show="tijiao1" + >閫夋嫨濂楅</el-button + > </el-form> </div> - <el-dialog title="閫夋嫨濂楅" :visible.sync="taocan" width="35%" append-to-body> - <el-tabs type="border-card" style="height: 538px; margin-left: 10px; width: 600px"> + <el-dialog + title="閫夋嫨濂楅" + :visible.sync="taocan" + width="35%" + append-to-body + > + <el-tabs + type="border-card" + style="height: 538px; margin-left: 10px; width: 600px" + > <el-tab-pane label="濂楅"> - <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" - label-width="auto" @submit.native.prevent> + <el-form + :model="queryParam" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="auto" + @submit.native.prevent + > <el-form-item label="濂楅鍚嶇О" prop="pacName"> - <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handle" /> + <el-input + v-model="queryParam.pacName" + placeholder="璇疯緭鍏ュ椁愬悕绉�" + clearable + @keyup.enter.native="handle" + /> </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">鏌ヨ</el-button> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handle" + >鏌ヨ</el-button + > </el-form-item> </el-form> <div class="tab4"> - <div class="grid-content bg-purple" style="margin-left: 5px; width: 100%"> - <el-table v-loading="loading" element-loading-text="姝e湪鍔犺浇涓�..." border - element-loading-spinner="el-icon-loading" :data="newpacName" @select="handleSelectionChange1" - height="430" ref="tb" style="width: 900px"> + <div + class="grid-content bg-purple" + style="margin-left: 5px; width: 100%" + > + <el-table + v-loading="loading" + element-loading-text="姝e湪鍔犺浇涓�..." + border + element-loading-spinner="el-icon-loading" + :data="newpacName" + @select="handleSelectionChange1" + height="430" + ref="tb" + style="width: 900px" + > <template slot="empty">鏁版嵁姝e湪鍔犺浇涓�</template> - <el-table-column type="selection" width="40px" align="center" label="閫夋嫨" /> - <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" width="120px" /> - <el-table-column label="濂楅鏄庣粏" align="center" prop="allProName" :show-overflow-tooltip="true" /> + <el-table-column + type="selection" + width="40px" + align="center" + label="閫夋嫨" + /> + <el-table-column + label="濂楅鍚嶇О" + align="center" + prop="pacName" + width="120px" + /> + <el-table-column + label="濂楅鏄庣粏" + align="center" + prop="allProName" + :show-overflow-tooltip="true" + /> </el-table> </div> <!-- <el-button @@ -247,9 +611,16 @@ <el-tab-pane label="鍗曢」"> <div class="tab3"> <div class="tab2"> - <v-tree-transfer :treeData="treedataList" - :defaultProps="{ children: 'tjProjectList', label: 'proName' }" :defaultKeys="defaultKeys" - @changeKeys="changeCategoryKeys" :key="datekey"></v-tree-transfer> + <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" @check-change="handleCurrentChecked"> </el-tree>--> @@ -269,29 +640,62 @@ <template> <el-form :model="form" :inline="true" label-width="68px"> <el-form-item label="浣撴绫诲瀷"> - <el-select style="width: 160px" v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷"> - <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + style="width: 160px" + v-model="form.tjType" + placeholder="璇烽�夋嫨浣撴绫诲瀷" + > + <el-option + v-for="dict in dict.type.dict_team" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> </el-select> </el-form-item> <!-- <div class="tab1"> --> <!-- <el-form :inline="true" class="tab1"> --> <el-form-item label="搴旀敹閲戦"> - <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1 " disabled style="width: 160px"></el-input> + <el-input + placeholder="搴旀敹閲戦" + :value="TotalPrice1" + disabled + style="width: 160px" + ></el-input> </el-form-item> <el-form-item label="浼樻儬鎶樻墸"> <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> --> - <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2" - :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number> + <el-input-number + ref="inputNumber" + style="width: 130px" + 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="瀹炴敹閲戦"> - <el-input placeholder="瀹炴敹閲戦" v-model="TotalPrice" style="width: 120px" disabled></el-input> + <el-input + placeholder="瀹炴敹閲戦" + v-model="TotalPrice" + style="width: 120px" + disabled + ></el-input> </el-form-item> <el-form-item> - <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini" - v-show="tijiao1">绛惧埌鐧昏</el-button> + <el-button + type="primary" + @click="submitPrice" + :disabled="confirm" + size="mini" + v-show="tijiao1" + >绛惧埌鐧昏</el-button + > </el-form-item> <!-- </el-form> --> <!-- </div> --> @@ -301,14 +705,20 @@ <div style="text-align: center; margin-bottom: 10px"> 宸查�夐」鐩垪琛� </div> - <div style=" + <div + style=" padding: 0px 6px; border: 1px solid #e6ebf5; max-height: 420px; overflow: auto; - "> + " + > <el-collapse v-model="index" accordion v-if="list3"> - <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index"> + <div + class="info1" + v-for="(item, index) in tableData1" + :key="'info1-' + index" + > <el-collapse-item :name="index"> <template slot="title"> {{ @@ -322,29 +732,54 @@ "鍏�)" }} </template> - <el-table :data="item.list" border style="width: 100%" height="270"> - <el-table-column prop="proName" label="椤圭洰" width="180"> + <el-table + :data="item.list" + border + style="width: 100%" + height="270" + > + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> </el-table-column> - </el-table> </el-collapse-item> </div> </el-collapse> <el-collapse v-model="activeName" accordion v-if="list2"> - <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index"> + <div + class="info" + v-for="(item, index) in tableData1" + :key="'info-' + index" + > <el-collapse-item> <template slot="title"> {{ item.pacName }} </template> - <el-table :data="item.tjProjectList" border style="width: 100%" height="250"> - <el-table-column prop="proName" label="椤圭洰" width="180"> + <el-table + :data="item.tjProjectList" + border + style="width: 100%" + height="250" + > + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > </el-table-column> - <el-table-column prop="proSex" label="鎬у埆" width="180"> + <el-table-column + prop="proSex" + label="鎬у埆" + width="180" + > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> @@ -352,7 +787,6 @@ </el-table-column> <el-table-column prop="proCheckMethod" label="绌鸿吂"> </el-table-column> - </el-table> </el-collapse-item> </div> @@ -362,9 +796,17 @@ <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> <el-table :data="list" border style="width: 100%"> - <el-table-column prop="proName" label="椤圭洰" width="180"> + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > </el-table-column> - <el-table-column prop="proSex" label="鎬у埆" width="180"> + <el-table-column + prop="proSex" + label="鎬у埆" + width="180" + > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> @@ -372,7 +814,6 @@ </el-table-column> <el-table-column prop="proCheckMethod" label="绌鸿吂"> </el-table-column> - </el-table> </el-collapse-item> </div> @@ -382,39 +823,44 @@ </el-col> </el-row> - <el-dialog title="瀵兼鍗曢瑙�" :visible.sync="dialogVisibles" :close-on-click-modal="false"> + <el-dialog + title="瀵兼鍗曢瑙�" + :visible.sync="dialogVisibles" + :close-on-click-modal="false" + > <div class="main"> - <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> + <iframe + id="printIframe" + :src="url" + frameborder="0" + style="width: 100%; height: 100%" + ></iframe> </div> </el-dialog> </div> </template> </el-drawer> - <div style=" - position: absolute; - bottom: 100px; - left: 500px; - width: 700px; - display: none; - "> + <div + style=" + position: absolute; + bottom: 100px; + left: 500px; + width: 700px; + display: none; + " + > <div id="printBill"> <div style="font-size: 13px; color: #000000"> - <div style="width: 48%; margin-top: 10px"> - 濮撳悕锛歿{ fmobj.name }} - </div> + <div style="width: 48%; margin-top: 10px">濮撳悕锛歿{ fmobj.name }}</div> <div style="width: 48%; margin-top: 10px"> 鎬у埆锛歿{ fmobj.sex === 0 ? "鐢�" : "濂�" }} </div> - <div style="width: 48%; margin-top: 10px"> - 鐢佃瘽:{{ fmobj.phoe }} - </div> + <div style="width: 48%; margin-top: 10px">鐢佃瘽:{{ fmobj.phoe }}</div> <div style="width: 48%; margin-top: 10px"> 鏃ユ湡:{{ fmobj.reservationTime }} </div> - <div style="width: 58%; margin-top: 10px"> - 濂楅锛歿{ pacName }} - </div> + <div style="width: 58%; margin-top: 10px">濂楅锛歿{ pacName }}</div> <div style="width: 100%; margin-top: 10px">娓╅Θ鎻愮ず锛�</div> <div style="width: 100%">1銆侀噰琛�锛岃吂閮ㄥ僵瓒呮鏌ュ悗鏂瑰彲鐢ㄩ銆�</div> <div style="width: 100%"> @@ -423,15 +869,11 @@ <div style="width: 100%"> 3銆佹��瀛曟垨鍙兘宸插彈瀛曠殑濂冲+锛岃繕搴旈伩鍏嶅绉戙�佹斁灏勭鍙婇槾寮忚秴澹版鏌ャ�� </div> - <div style="width: 100%"> - 4銆佺粡鏈熷コ鎬т笉瀹滆繘琛屽绉戝強灏垮父瑙勬鏌ャ�� - </div> + <div style="width: 100%">4銆佺粡鏈熷コ鎬т笉瀹滆繘琛屽绉戝強灏垮父瑙勬鏌ャ��</div> <div style="width: 100%"> 5銆佽嫢鎮ㄥ湪绛夊緟妫�鏌ヨ繃绋嬩腑鏈夌枒闂紝璇峰強鏃惰仈绯诲妫�鎶ゅ+銆� </div> - <div style="width: 100%"> - 6銆佷綋妫�缁撴潫鍚庤灏嗗妫�鍗曚氦杩樿嚦鍓嶅彴銆� - </div> + <div style="width: 100%">6銆佷綋妫�缁撴潫鍚庤灏嗗妫�鍗曚氦杩樿嚦鍓嶅彴銆�</div> </div> </div> </div> @@ -441,115 +883,284 @@ <template> <div> <div style="width: 1000px"> - <el-form style="margin: 0px 8px" :inline="true" ref="formIn" :model="formIn" :rules="rules" - :label-position="labelPosition" class="demo-form-inline" label-width="78px"> + <el-form + style="margin: 0px 8px" + :inline="true" + ref="formIn" + :model="formIn" + :rules="rules" + :label-position="labelPosition" + class="demo-form-inline" + label-width="78px" + > <el-form-item label="濮撳悕" prop="name"> - <el-input v-model="formIn.name" placeholder="璇疯緭鍏ュ鍚�" style="width: 160px" /> + <el-input + v-model="formIn.name" + placeholder="璇疯緭鍏ュ鍚�" + style="width: 160px" + /> </el-form-item> <el-form-item label="璇佷欢绫诲瀷" prop="idType"> - <el-select style="width: 160px" v-model="formIn.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 + style="width: 160px" + v-model="formIn.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-form-item label="璇佷欢鍙�" prop="idCard"> - <el-input style="width: 186px" v-model="formIn.idCard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" /> + <el-input + style="width: 186px" + v-model="formIn.idCard" + placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" + /> </el-form-item> <el-form-item label="骞撮緞" prop="age"> <el-input style="width: 55px" v-model="formIn.age" /> </el-form-item> <el-form-item prop="ageUnit"> - <el-select style="width: 60px" v-model="formIn.ageUnit" @change="formchang"> - <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + style="width: 60px" + v-model="formIn.ageUnit" + @change="formchang" + > + <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-item label="鎬у埆" prop="sex"> - <el-select style="width: 160px" v-model="formIn.sex" 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 + style="width: 160px" + v-model="formIn.sex" + 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-form-item label="鑱旂郴鐢佃瘽" prop="phoe"> - <el-input v-model="formIn.phoe" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" style="width: 160px" /> + <el-input + v-model="formIn.phoe" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + style="width: 160px" + /> </el-form-item> <el-form-item label="姘戞棌" prop="nation"> - <el-select v-model="formIn.nation" placeholder="璇烽�夋嫨姘戞棌" style="width: 160px"> - <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label" - :value="parseInt(dict.value)"></el-option> + <el-select + v-model="formIn.nation" + placeholder="璇烽�夋嫨姘戞棌" + style="width: 160px" + > + <el-option + v-for="dict in dict.type.dict_user_national" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + ></el-option> </el-select> </el-form-item> <el-form-item label="閭" prop="email"> - <el-input v-model="formIn.email" placeholder="璇疯緭鍏ラ偖绠�" style="width: 150px" /> + <el-input + v-model="formIn.email" + placeholder="璇疯緭鍏ラ偖绠�" + style="width: 150px" + /> </el-form-item> <el-form-item label="濠氬Щ" prop="marriage"> - <el-select style="width: 160px" v-model="formIn.marriage" placeholder="璇烽�夋嫨濠氬Щ鐘跺喌"> - <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label" - :value="parseInt(dict.value)"></el-option> + <el-select + style="width: 160px" + v-model="formIn.marriage" + placeholder="璇烽�夋嫨濠氬Щ鐘跺喌" + > + <el-option + v-for="dict in dict.type.dict_user_marry" + :key="dict.value" + :label="dict.label" + :value="parseInt(dict.value)" + ></el-option> </el-select> </el-form-item> <el-form-item label="鐜颁綇鍧�" prop="address"> - <el-input v-model="formIn.address" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" style="width: 410px" /> + <el-input + v-model="formIn.address" + placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" + style="width: 410px" + /> </el-form-item> <el-form-item label="浣撴绫诲埆" prop="tjCategory"> - <el-select style="width: 150px" v-model="formIn.tjCategory" placeholder="璇烽�夋嫨浣撴绫诲埆"> - <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + style="width: 150px" + v-model="formIn.tjCategory" + 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-form-item> <el-form-item label="閮ㄩ棬" prop="department"> - <el-input v-model="formIn.department" placeholder="璇疯緭鍏ラ儴闂�" style="width: 160px" /> + <el-input + v-model="formIn.department" + placeholder="璇疯緭鍏ラ儴闂�" + style="width: 160px" + /> </el-form-item> <el-form-item label="宸ヤ綔鍗曚綅" prop="company"> - <el-input v-model="formIn.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 410px" /> + <el-input + v-model="formIn.company" + placeholder="璇疯緭鍏ュ伐浣滃崟浣�" + style="width: 410px" + /> </el-form-item> <el-form-item label="鑱屼笟" prop="career"> - <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="璇疯緭鍏ヨ亴涓�" - style="width: 150px"> - <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + filterable + :disabled="isDisabled" + v-model="formIn.career" + placeholder="璇疯緭鍏ヨ亴涓�" + style="width: 150px" + > + <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-form-item label="棰勭害鏃ユ湡" prop="reservationTime"> - <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" - :picker-options="setDisabled" style="width: 160px"> + <el-date-picker + v-model="formIn.reservationTime" + type="date" + value-format="yyyy-MM-dd" + placeholder="閫夋嫨鏃ユ湡" + :picker-options="setDisabled" + style="width: 160px" + > </el-date-picker> </el-form-item> <el-form-item label="鏃堕棿" prop="timeRegion"> - <el-select style="width: 130px" v-model="formIn.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 + style="width: 130px" + v-model="formIn.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-form-item label="鍗″彿" prop="indexCard"> - <el-input v-model="formIn.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" style="width: 190px" /> + <el-input + v-model="formIn.indexCard" + placeholder="璇疯緭鍏ュ崱鍙�" + style="width: 190px" + /> </el-form-item> <!-- <el-button type="primary" @click="Package" size="mini">閫夋嫨濂楅</el-button> --> </el-form> </div> - <el-dialog title="閫夋嫨濂楅" :visible.sync="taocan" width="35%" append-to-body> - <el-tabs type="border-card" style="height: 538px; margin-left: 10px; width: 600px"> + <el-dialog + title="閫夋嫨濂楅" + :visible.sync="taocan" + width="35%" + append-to-body + > + <el-tabs + type="border-card" + style="height: 538px; margin-left: 10px; width: 600px" + > <el-tab-pane label="濂楅"> - <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" - label-width="auto" @submit.native.prevent> + <el-form + :model="queryParam" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="auto" + @submit.native.prevent + > <el-form-item label="濂楅鍚嶇О" prop="pacName"> - <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handle" /> + <el-input + v-model="queryParam.pacName" + placeholder="璇疯緭鍏ュ椁愬悕绉�" + clearable + @keyup.enter.native="handle" + /> </el-form-item> <el-form-item> - <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">鏌ヨ</el-button> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handle" + >鏌ヨ</el-button + > </el-form-item> </el-form> <div class="tab4"> - <div class="grid-content bg-purple" style="margin-left: 5px; width: 100%"> - <el-table v-loading="loading" element-loading-text="姝e湪鍔犺浇涓�..." border - element-loading-spinner="el-icon-loading" :data="newpacName" @select="handleSelectionChange1" - height="430" ref="tb" style="width: 900px"> + <div + class="grid-content bg-purple" + style="margin-left: 5px; width: 100%" + > + <el-table + v-loading="loading" + element-loading-text="姝e湪鍔犺浇涓�..." + border + element-loading-spinner="el-icon-loading" + :data="newpacName" + @select="handleSelectionChange1" + height="430" + ref="tb" + style="width: 900px" + > <template slot="empty">鏁版嵁姝e湪鍔犺浇涓�</template> - <el-table-column type="selection" width="40px" align="center" label="閫夋嫨" /> - <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" width="120px" /> - <el-table-column label="濂楅浠锋牸" align="center" prop="price" width="120px" /> - <el-table-column label="濂楅鏄庣粏" align="center" prop="allProName" :show-overflow-tooltip="true" /> + <el-table-column + type="selection" + width="40px" + align="center" + label="閫夋嫨" + /> + <el-table-column + label="濂楅鍚嶇О" + align="center" + prop="pacName" + width="120px" + /> + <el-table-column + label="濂楅浠锋牸" + align="center" + prop="price" + width="120px" + /> + <el-table-column + label="濂楅鏄庣粏" + align="center" + prop="allProName" + :show-overflow-tooltip="true" + /> </el-table> </div> <!-- <el-button @@ -573,8 +1184,13 @@ <el-tab-pane label="鍗曢」"> <div class="tab3"> <div class="tab2"> - <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" - @check-change="handleCurrentChecked"> + <el-tree + :data="data" + show-checkbox + node-key="proId" + :props="defaultProps" + @check-change="handleCurrentChecked" + > </el-tree> </div> <!-- <el-button @@ -608,28 +1224,60 @@ <template> <el-form :model="form" :inline="true" label-width="68px"> <el-form-item label="浣撴绫诲瀷"> - <el-select style="width: 160px" v-model="form.tjType" placeholder="璇烽�夋嫨浣撴绫诲瀷"> - <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label" - :value="dict.value"></el-option> + <el-select + style="width: 160px" + v-model="form.tjType" + placeholder="璇烽�夋嫨浣撴绫诲瀷" + > + <el-option + v-for="dict in dict.type.dict_team" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> </el-select> </el-form-item> <!-- <div class="tab1"> --> <!-- <el-form :inline="true" class="tab1"> --> <el-form-item label="搴旀敹閲戦"> - <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1" disabled style="width: 160px"></el-input> + <el-input + placeholder="搴旀敹閲戦" + :value="TotalPrice1" + disabled + style="width: 160px" + ></el-input> </el-form-item> <el-form-item label="浼樻儬鎶樻墸"> <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> --> - <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2" - :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number> + <el-input-number + ref="inputNumber" + style="width: 130px" + 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="瀹炴敹閲戦"> - <el-input placeholder="瀹炴敹閲戦" v-model="TotalPrice" style="width: 120px"></el-input> + <el-input + placeholder="瀹炴敹閲戦" + v-model="TotalPrice" + style="width: 120px" + ></el-input> </el-form-item> <el-form-item> - <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini">棰勭害淇敼</el-button> + <el-button + type="primary" + @click="submitPrice" + :disabled="confirm" + size="mini" + >棰勭害淇敼</el-button + > </el-form-item> <!-- </el-form> --> <!-- </div> --> @@ -639,14 +1287,20 @@ <div style="text-align: center; margin-bottom: 10px"> 宸查�夐」鐩垪琛� </div> - <div style=" + <div + style=" padding: 0px 6px; border: 1px solid #e6ebf5; max-height: 420px; overflow: auto; - "> + " + > <el-collapse v-model="index" accordion v-if="list3"> - <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index"> + <div + class="info1" + v-for="(item, index) in tableData1" + :key="'info1-' + index" + > <el-collapse-item :name="index"> <template slot="title"> {{ @@ -660,10 +1314,23 @@ ".00鍏�)" }} </template> - <el-table :data="item.list" border style="width: 100%" height="270"> - <el-table-column prop="proName" label="椤圭洰" width="180"> + <el-table + :data="item.list" + border + style="width: 100%" + height="270" + > + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > </el-table-column> - <el-table-column prop="proSex" label="鎬у埆" width="180"> + <el-table-column + prop="proSex" + label="鎬у埆" + width="180" + > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> @@ -671,22 +1338,38 @@ </el-table-column> <el-table-column prop="proCheckMethod" label="绌鸿吂"> </el-table-column> - </el-table> </el-collapse-item> </div> </el-collapse> <el-collapse v-model="activeName" accordion v-if="list2"> - <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index"> + <div + class="info" + v-for="(item, index) in tableData1" + :key="'info-' + index" + > <el-collapse-item> <template slot="title"> {{ item.pacName }} </template> - <el-table :data="item.tjProjectList" border style="width: 100%" height="250"> - <el-table-column prop="proName" label="椤圭洰" width="180"> + <el-table + :data="item.tjProjectList" + border + style="width: 100%" + height="250" + > + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > </el-table-column> - <el-table-column prop="proSex" label="鎬у埆" width="180"> + <el-table-column + prop="proSex" + label="鎬у埆" + width="180" + > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> @@ -694,7 +1377,6 @@ </el-table-column> <el-table-column prop="proCheckMethod" label="绌鸿吂"> </el-table-column> - </el-table> </el-collapse-item> </div> @@ -704,9 +1386,17 @@ <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> <el-table :data="list" border style="width: 100%"> - <el-table-column prop="proName" label="椤圭洰" width="180"> + <el-table-column + prop="proName" + label="椤圭洰" + width="180" + > </el-table-column> - <el-table-column prop="proSex" label="鎬у埆" width="180"> + <el-table-column + prop="proSex" + label="鎬у埆" + width="180" + > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> @@ -714,7 +1404,6 @@ </el-table-column> <el-table-column prop="proCheckMethod" label="绌鸿吂"> </el-table-column> - </el-table> </el-collapse-item> </div> @@ -724,9 +1413,18 @@ </el-col> </el-row> - <el-dialog title="瀵兼鍗曢瑙�" :visible.sync="dialogVisibles" :close-on-click-modal="false"> + <el-dialog + title="瀵兼鍗曢瑙�" + :visible.sync="dialogVisibles" + :close-on-click-modal="false" + > <div class="main"> - <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> + <iframe + id="printIframe" + :src="url" + frameborder="0" + style="width: 100%; height: 100%" + ></iframe> </div> </el-dialog> </div> @@ -736,30 +1434,52 @@ </template> <script> -import { listReservation, gettjCancel, tjReappoint, tjCancelTj, getReservation } from "@/api/reservation/reservation"; +import { + listReservation, + gettjCancel, + tjReappoint, + tjCancelTj, + getReservation, +} from "@/api/reservation/reservation"; import printJS from "print-js"; -import { deptTreeSelect, projectGetList, getPackageListName, getaddtTransition, getTransitionList, } from "@/api/system/tijian"; +import { + deptTreeSelect, + projectGetList, + getPackageListName, + getaddtTransition, + getTransitionList, +} from "@/api/system/tijian"; import { getCompany, queryCompany } from "@/api/team/tuanti"; import user from "@/store/modules/user"; -import VTreeTransfer from '../../system/tijian/TreeTransfer.vue' +import VTreeTransfer from "../../system/tijian/TreeTransfer.vue"; export default { components: { - VTreeTransfer + VTreeTransfer, }, name: "Reservation", - dicts: ["dict_user_national", "dict_user_national", "dict_user_marry", "sys_yes_no", - "sys_user_sex", "dict_team", "tj_time_region", "dict_tjtype", "dict_job", - "dict_user_cardtype", "dict_ageunit",], + dicts: [ + "dict_user_national", + "dict_user_national", + "dict_user_marry", + "sys_yes_no", + "sys_user_sex", + "dict_team", + "tj_time_region", + "dict_tjtype", + "dict_job", + "dict_user_cardtype", + "dict_ageunit", + ], 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(''); - } else if(value != undefined && value != ""){ + return callback(""); + } else if (value != undefined && value != "") { return callback(); - }else if (!patter.test(value)) { - return callback(''); + } else if (!patter.test(value)) { + return callback(""); } }; return { @@ -889,24 +1609,26 @@ fmobj: {}, // 琛ㄥ崟鏍¢獙 rules: { - cusName: [{ required: true, validator: checkPhoneNum, trigger: "blur" }], + cusName: [ + { required: true, validator: checkPhoneNum, trigger: "blur" }, + ], cusSex: [ - { required: true, validator: checkPhoneNum, trigger: "change" }, + { required: true, validator: checkPhoneNum, trigger: "change" }, ], cusBrithday: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], // cusAddr: [ // { required: true, message: "鐜板眳浣忓湴鍧�涓嶈兘涓虹┖", trigger: "blur" }, // ], cusPhone: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], reservationTime: [ - { required: true, validator: checkPhoneNum, trigger: "change" }, + { required: true, validator: checkPhoneNum, trigger: "change" }, ], timeRegion: [ - { required: true, validator: checkPhoneNum, trigger: "blur" }, + { required: true, validator: checkPhoneNum, trigger: "blur" }, ], }, options: [ @@ -960,21 +1682,21 @@ name: [ { required: true, - validator: checkPhoneNum, + validator: checkPhoneNum, trigger: "blur", }, ], idCard: [ { required: true, - validator: checkPhoneNum, + validator: checkPhoneNum, trigger: "blur", }, ], phoe: [ { required: true, - validator: checkPhoneNum, + validator: checkPhoneNum, trigger: "blur", }, ], @@ -1074,10 +1796,10 @@ }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { - selection.forEach(item => { - this.fmobj = item - }) - console.log(this.fmobj) + selection.forEach((item) => { + this.fmobj = item; + }); + console.log(this.fmobj); this.ids = selection.map((item) => item.id); this.single = selection.length !== 1; this.multiple = !selection.length; @@ -1092,10 +1814,10 @@ /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - console.log(row) + console.log(row); this.title = "淇敼浣撴棰勭害"; this.formIn = row; - this.form.tjType = this.formIn.tjType + this.form.tjType = this.formIn.tjType; if (this.formIn.timeRegion === 0) { this.formIn.timeRegion = "8:00-9:00"; } @@ -1110,10 +1832,10 @@ } if (this.formIn.isExpire === 2) { this.drawer = true; - if( this.formIn.discount!= null){ + if (this.formIn.discount != null) { this.discount = this.formIn.discount; } - + //鍏ㄩ儴濂楅 if (this.formIn.sex != null) { let cusSex = this.formIn.sex; @@ -1163,7 +1885,7 @@ this.TotalPrice1 = 0; this.tableData1.forEach((item) => { this.TotalPrice1 += item.nowPrice; - console.log(this.discount) + console.log(this.discount); this.TotalPrice = ( this.TotalPrice1 * (this.discount / 10) @@ -1178,8 +1900,7 @@ this.list1 = true; } } - }) - + }); } else { this.tableData1 = []; this.list3 = false; @@ -1199,7 +1920,7 @@ }, changeCategoryKeys(val) { this.proIds = []; - this.proIds = val + this.proIds = val; }, /** 淇敼璇︾粏鎸夐挳鎿嶄綔 */ handleUpdate1(row) { @@ -1221,9 +1942,8 @@ this.tijiao1 = false; } this.drawer1 = true; - if( this.formIn.discount != null){ + if (this.formIn.discount != null) { this.discount = this.formIn.discount; - } //鍏ㄩ儴濂楅 if (this.formIn.sex != null) { @@ -1267,36 +1987,36 @@ (this.tableData1 = []), (this.newpacName = []), getReservation(id).then((response) => { - if (response.data) { - let cusId = response.data.idCard; - getTransitionList(cusId).then((response) => { if (response.data) { - this.tableData1 = response.data; - if (this.tableData1.length != 0) { - this.TotalPrice1 = 0; - this.tableData1.forEach((item) => { - this.TotalPrice1 += item.nowPrice; - this.TotalPrice = ( - this.TotalPrice1 * - (this.discount / 10) - ).toFixed(2); - if (item.pacName === null) { - item.pacName = "鍗曢」"; + let cusId = response.data.idCard; + getTransitionList(cusId).then((response) => { + if (response.data) { + this.tableData1 = response.data; + if (this.tableData1.length != 0) { + this.TotalPrice1 = 0; + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.nowPrice; + this.TotalPrice = ( + this.TotalPrice1 * + (this.discount / 10) + ).toFixed(2); + if (item.pacName === null) { + item.pacName = "鍗曢」"; + } + }); + this.list1 = false; + this.list3 = true; + } else { + this.list1 = true; } - }); - this.list1 = false; - this.list3 = true; - } else { - this.list1 = true; - } - } else { - this.tableData1 = []; - this.list3 = false; - this.list1 = true; + } else { + this.tableData1 = []; + this.list3 = false; + this.list1 = true; + } + }); } }); - } - }) /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */ projectGetList().then((response) => { @@ -1314,7 +2034,7 @@ Package() { this.taocan = true; - this.datekey = Date.now() + this.datekey = Date.now(); }, /** 鎼滅储鎿嶄綔 */ @@ -1395,8 +2115,7 @@ receipt() { setTimeout(function () { - const style = - "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //鎵撳嵃鏃跺幓鎺夌湁椤电湁灏� + const style = "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //鎵撳嵃鏃跺幓鎺夌湁椤电湁灏� printJS({ printable: "printBill", // 鏍囩鍏冪礌id type: "html", @@ -1470,87 +2189,87 @@ submitPrice() { let _this = this; // if (_this.tableData1.length > 0) { - if (this.tableData[0]) { - var pacId = this.tableData[0].pacId; + if (this.tableData[0]) { + var pacId = this.tableData[0].pacId; + } + // let copeWith = this.TotalPrice1; + // let paidIn = this.TotalPrice; + // let discount = this.discount; + // this.tjFlowingWater = { copeWith, paidIn, discount }; + if (this.formIn.timeRegion === "8:00-9:00") { + this.formIn.timeRegion = 0; + } + if (this.formIn.timeRegion === "9:00-10:00") { + this.formIn.timeRegion = 1; + } + if (this.formIn.timeRegion === "10:00-11:00") { + this.formIn.timeRegion = 2; + } + if (this.formIn.timeRegion === "11:00-12:00") { + this.formIn.timeRegion = 3; + } + let data; + if (pacId) { + data = { + id: this.formIn.id, + isExpire: this.formIn.isExpire, + address: this.formIn.address, + company: this.formIn.company, + department: this.formIn.department, + discount: this.discount, + email: this.formIn.email, + idCard: this.formIn.idCard, + marriage: this.formIn.marriage, + name: this.formIn.name, + nation: this.formIn.nation, + pacId, + phoe: this.formIn.cusPhone, + reservationTime: this.formIn.reservationTime, + sex: this.formIn.sex, + timeRegion: this.formIn.timeRegion, + tjCategory: this.formIn.tjCategory, + // tjFlowingWater: this.tjFlowingWater, + tjType: this.formIn.tjType, + idType: this.formIn.idType, + age: this.formIn.age, + ageUnit: this.formIn.ageUnit, + career: this.formIn.career, + }; + } else { + data = { + id: this.formIn.id, + isExpire: this.formIn.isExpire, + address: this.formIn.address, + company: this.formIn.company, + department: this.formIn.department, + discount: this.discount, + email: this.formIn.email, + idCard: this.formIn.idCard, + marriage: this.formIn.marriage, + name: this.formIn.name, + nation: this.formIn.nation, + pacId, + phoe: this.formIn.phoe, + reservationTime: this.formIn.reservationTime, + sex: this.formIn.sex, + timeRegion: this.formIn.timeRegion, + tjCategory: this.formIn.tjCategory, + // tjFlowingWater: this.tjFlowingWater, + tjType: this.formIn.tjType, + idType: this.formIn.idType, + age: this.formIn.age, + ageUnit: this.formIn.ageUnit, + career: this.formIn.career, + }; + } + tjReappoint(data).then((res) => { + if (res.code === 200) { + this.$modal.msgSuccess("鐧昏鎴愬姛"); } - // let copeWith = this.TotalPrice1; - // let paidIn = this.TotalPrice; - // let discount = this.discount; - // this.tjFlowingWater = { copeWith, paidIn, discount }; - if (this.formIn.timeRegion === "8:00-9:00") { - this.formIn.timeRegion = 0; - } - if (this.formIn.timeRegion === "9:00-10:00") { - this.formIn.timeRegion = 1; - } - if (this.formIn.timeRegion === "10:00-11:00") { - this.formIn.timeRegion = 2; - } - if (this.formIn.timeRegion === "11:00-12:00") { - this.formIn.timeRegion = 3; - } - let data; - if (pacId) { - data = { - id: this.formIn.id, - isExpire: this.formIn.isExpire, - address: this.formIn.address, - company: this.formIn.company, - department: this.formIn.department, - discount: this.discount, - email: this.formIn.email, - idCard: this.formIn.idCard, - marriage: this.formIn.marriage, - name: this.formIn.name, - nation: this.formIn.nation, - pacId, - phoe: this.formIn.cusPhone, - reservationTime: this.formIn.reservationTime, - sex: this.formIn.sex, - timeRegion: this.formIn.timeRegion, - tjCategory: this.formIn.tjCategory, - // tjFlowingWater: this.tjFlowingWater, - tjType: this.formIn.tjType, - idType: this.formIn.idType, - age: this.formIn.age, - ageUnit: this.formIn.ageUnit, - career: this.formIn.career, - }; - } else { - data = { - id: this.formIn.id, - isExpire: this.formIn.isExpire, - address: this.formIn.address, - company: this.formIn.company, - department: this.formIn.department, - discount: this.discount, - email: this.formIn.email, - idCard: this.formIn.idCard, - marriage: this.formIn.marriage, - name: this.formIn.name, - nation: this.formIn.nation, - pacId, - phoe: this.formIn.phoe, - reservationTime: this.formIn.reservationTime, - sex: this.formIn.sex, - timeRegion: this.formIn.timeRegion, - tjCategory: this.formIn.tjCategory, - // tjFlowingWater: this.tjFlowingWater, - tjType: this.formIn.tjType, - idType: this.formIn.idType, - age: this.formIn.age, - ageUnit: this.formIn.ageUnit, - career: this.formIn.career, - }; - } - tjReappoint(data).then((res) => { - if (res.code === 200) { - this.$modal.msgSuccess("鐧昏鎴愬姛"); - } - _this.drawer = false; - }); - this.getList(); - this.$tab.refreshPage(); + _this.drawer = false; + }); + this.getList(); + this.$tab.refreshPage(); // } else { // this.$message.warning("璇烽�夋嫨鎮ㄨ浣撴鐨勫唴瀹�"); // } @@ -1658,7 +2377,7 @@ this.$modal.msgSuccess("鎾ら攢鎴愬姛"); this.getList(); }) - .catch(() => { }); + .catch(() => {}); }, //鎵归噺鎾ら攢 -- Gitblit v1.8.0