From 12933fc6115f3fab514b64d9324beadb115c0f58 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期四, 26 六月 2025 15:19:32 +0800 Subject: [PATCH] qx --- src/views/reservation/reservations/index.vue | 1699 +++++++++++++++++++++++++++------------------------------- 1 files changed, 798 insertions(+), 901 deletions(-) diff --git a/src/views/reservation/reservations/index.vue b/src/views/reservation/reservations/index.vue index e644f5e..add683d 100644 --- a/src/views/reservation/reservations/index.vue +++ b/src/views/reservation/reservations/index.vue @@ -1,18 +1,7 @@ <template> <div class="app-container"> - <el-dialog - :title="title" - :visible.sync="open1" - width="1000px" - append-to-body - > - <el-form - ref="form1" - :model="form1" - :rules="rules1" - label-width="100px" - :inline="true" - > + <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body> + <el-form ref="form1" :model="form1" :rules="rules1" label-width="100px" :inline="true"> <el-form-item label="鍗曚綅鍚嶇О" prop="cnName"> <el-input v-model="form1.cnName" placeholder="璇疯緭鍏ヤ腑鏂囧悕绉�" /> </el-form-item> @@ -29,16 +18,10 @@ <el-input v-model="form1.legalPerson" placeholder="璇疯緭鍏ユ硶浜�" /> </el-form-item> <el-form-item label="娉ㄥ唽鍦板潃" prop="registerAddress"> - <el-input - v-model="form1.registerAddress" - placeholder="璇疯緭鍏ユ敞鍐屽湴鍧�" - /> + <el-input v-model="form1.registerAddress" placeholder="璇疯緭鍏ユ敞鍐屽湴鍧�" /> </el-form-item> <el-form-item label="閫氳鍦板潃" prop="mailingAddress"> - <el-input - v-model="form1.mailingAddress" - placeholder="璇疯緭鍏ラ�氳鍦板潃" - /> + <el-input v-model="form1.mailingAddress" placeholder="璇疯緭鍏ラ�氳鍦板潃" /> </el-form-item> <el-form-item label="寮�鎴烽摱琛�" prop="bankAccount"> <el-input v-model="form1.bankAccount" placeholder="璇疯緭鍏ュ紑鎴烽摱琛�" /> @@ -65,25 +48,12 @@ <el-input v-model="form1.orderNum" placeholder="璇疯緭鍏ユ帓搴�" /> </el-form-item> <el-form-item label="鏈夋晥鏃堕棿" prop="validTime"> - <el-date-picker - clearable - v-model="form1.validTime" - type="date" - value-format="yyyy-MM-dd" - placeholder="璇烽�夋嫨鏈夋晥鏃堕棿" - > - </el-date-picker> </el-form-item - ><br /> + <el-date-picker clearable v-model="form1.validTime" type="date" value-format="yyyy-MM-dd" + placeholder="璇烽�夋嫨鏈夋晥鏃堕棿"> + </el-date-picker> </el-form-item><br /> <el-form-item label="澶囨敞" prop="remark"> - <el-input - v-model="form1.remark" - type="textarea" - placeholder="璇疯緭鍏ュ唴瀹�" - :rows="2" - label-width="400px" - style="width: 830px" - resize="none" - ></el-input> + <el-input v-model="form1.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" :rows="2" label-width="400px" + style="width: 830px" resize="none"></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer2"> @@ -91,201 +61,108 @@ <el-button @click="cancel1">鍙� 娑�</el-button> </div> </el-dialog> - <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-form-item> - <el-form-item label="韬唤璇佸彿" prop="idCard"> - <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-form-item> - <el-form-item label="鍗曚綅鍚嶇О" prop="company"> - <el-select - :remote-method="getRemoteData" - v-model="queryParams.company" - remote - default-first-option - allow-create - filterable - style="width: 200px" - placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" - clearable - @change="idFn1" - > - <el-option - v-for="dict in CompanyList" - :key="dict.cnName" - :label="dict.cnName" - :value="dict.drugManufacturerId" - /> - </el-select> - <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> - </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> - </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-form-item> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <el-row> + <el-col> + <el-form-item label="濮撳悕" prop="name"> + <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-form-item> + + <el-form-item label="鍗曚綅鍚嶇О" prop="company"> + <el-select :remote-method="getRemoteData" v-model="queryParams.company" remote default-first-option + allow-create filterable style="width: 200px" placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="idFn1"> + <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName" + :value="dict.drugManufacturerId" /> + </el-select> + <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> + </el-form-item> + + + <el-form-item label="濂楅鍚嶇О" prop="dwDeptName"> + <el-select v-model="queryParams.dwDeptName" placeholder="璇烽�夋嫨濂楅鍚嶇О" clearable style="width: 100%" + @change="idFn2"> + <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="groupingName"> + <el-select v-model="queryParams.groupingName" placeholder="璇烽�夋嫨鍒嗙粍鍚嶇О" clearable style="width: 100%"> + <el-option v-for="dict in groupingList" :key="dict.id" :label="dict.pacName" :value="dict.id" /> + </el-select> + </el-form-item> + + </el-col> + <el-col> + + <el-form-item label="棰勭害鏃堕棿"> + <el-date-picker clearable v-model="createTimeList" @change="dateChangebirthday2" type="daterange" + range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions" + value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑洪绾︽椂闂�" style="width: 300px"> + </el-date-picker> + </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-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> + </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-form-item> + </el-col> + </el-row> </el-form> <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" - >鎾ら攢棰勭害</el-button - > + <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="batch">鎾ら攢棰勭害</el-button> <!-- v-hasPermi="['reservation:reservation:remove']" --> </el-col> <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - :disabled="single" - @click="receipt" - >琛ユ墦灏忕エ</el-button - > + <el-button type="primary" size="mini" :disabled="single" @click="receipt">琛ユ墦灏忕エ</el-button> <!-- v-hasPermi="['reservation:reservation:remove']" --> </el-col> - <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - ></right-toolbar> + <el-col :span="1.5"> + <el-button type="primary" size="mini" :disabled="multiple" @click="Groupsignin">鍥綋绛惧埌</el-button> + <!-- v-hasPermi="['reservation:reservation:remove']" --> + </el-col> + <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="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="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 + <!-- <el-table-column label="浣撴绫诲瀷" align="center" prop="tjType" @@ -295,94 +172,38 @@ <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> --> + <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="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)" - title="棰勭害璇︾粏" - ></el-button> + <el-button size="mini" type="text" icon="el-icon-s-order" @click="handleUpdate1(scope.row)" + title="棰勭害璇︾粏"></el-button> <!-- v-hasPermi="['reservation:reservation:edit']" --> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - title="淇敼" - ></el-button> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" + title="淇敼"></el-button> <!-- v-hasPermi="['reservation:reservation:edit']" --> - <el-button - size="mini" - type="text" - title="鎾ら攢棰勭害" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - > + <el-button size="mini" type="text" title="鎾ら攢棰勭害" icon="el-icon-delete" @click="handleDelete(scope.row)"> </el-button> </template> </el-table-column> @@ -390,13 +211,8 @@ <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> <!-- 棰勭害鐧昏璇︽儏瀵硅瘽妗� --> @@ -404,299 +220,120 @@ <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 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-select - :remote-method="getRemoteData" - v-model="formIn.company" - remote - default-first-option - allow-create - filterable - style="width: 200px" - placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" - clearable - @change="idFn1" - > - <el-option - v-for="dict in CompanyList" - :key="dict.cnName" - :label="dict.cnName" - :value="dict.drugManufacturerId" - /> + <el-select :remote-method="getRemoteData" v-model="formIn.company" remote default-first-option + allow-create filterable style="width: 200px" placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="idFn1"> + <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName" + :value="dict.drugManufacturerId" /> </el-select> <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> </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 @@ -720,16 +357,10 @@ <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>--> @@ -749,80 +380,115 @@ <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> --> </el-form> </template> - <div style="text-align: center; margin-bottom: 10px"> + <div style=" + display: flex; + align-items: center; + justify-content: flex-start; + width: 100%; + "> + <div style=" + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin-left: 46px; + font-size: 16px; + margin-right: 20px; + "> + 宸查�夐」鐩潯鏁帮細<span style="font-weight: 700; color: red; margin-right: 5px">{{ this.tableData1.length || 0 + }}</span>鏉� + </div> 宸查�夐」鐩垪琛� </div> - <div + <div style=" + padding: 0px 6px; + border: 1px solid #e6ebf5; + max-height: 650%; + overflow: auto; + width: 916px; + margin-left: 35px; + "> + <el-table :data="tableData1" border style="width: 100%"> + <el-table-column prop="proName" label="椤圭洰" width="180" align="center"> + </el-table-column> + <el-table-column prop="proType" label="鎬у埆" width="50" align="center"> + <template slot-scope="scope"> + <template v-if="isAll(scope.row.proType)"> + 鍏ㄩ儴 + </template> + <template v-else> + <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" /> + </template> + </template> + </el-table-column> + + <el-table-column prop="ordPrice" label="搴旀敹閲戦" align="center"> + </el-table-column> + <el-table-column label="鎶樻墸" width="160px" align="center"> + <template slot-scope="scope"> + <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" size="small" type="number" :precision="1" :step="0.1" :max="10" :min="0" + :disabled="true"> + </el-input-number> + </template> + </el-table-column> + <el-table-column prop="nowPrice" label="瀹炴敹閲戦" align="center"> + </el-table-column> + <el-table-column prop="proCheckMethod" label="鏄惁绌鸿吂" align="center"> + <template slot-scope="scope"> + <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" width="80px"> + <template slot-scope="scope"> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)" + title="鍒犻櫎"> + </el-button> + </template> + </el-table-column> + </el-table> + </div> + + <!-- <div style="text-align: center; margin-bottom: 10px"> + 宸查�夐」鐩垪琛� + </div> --> + <!-- <div style=" padding: 0px 6px; border: 1px solid #e6ebf5; max-height: 420px; overflow: auto; " - > - <el-collapse v-model="index" accordion v-if="list3"> + > --> + <!-- <el-collapse v-model="index" accordion v-if="list3"> <div class="info1" v-for="(item, index) in tableData1" @@ -840,6 +506,16 @@ item.nowPrice + "鍏�)" }} + <div style="font-size: 16px; margin-left: 20px"> + 宸查�夐」鐩潯鏁帮細<span + style=" + font-weight: 700 !important; + color: red; + margin-right: 5px; + " + >{{ item.list.length || 0 }}</span + >鏉� + </div> </template> <el-table :data="item.list" @@ -855,7 +531,39 @@ </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> </el-table-column> + <el-table-column label="鎶樻墸"> + <template slot-scope="scope"> + <el-input-number + v-model.number="scope.row.discount" + @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" + size="small" + type="number" + :precision="1" + :step="0.1" + :max="10" + :min="0" + > + </el-input-number> + </template> + </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> + </el-table-column> + <el-table-column + label="鎿嶄綔" + align="center" + width="80px" + > + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-delete" + @click="handleDelete1(scope.row)" + title="鍒犻櫎" + > + </el-button> + </template> </el-table-column> </el-table> </el-collapse-item> @@ -926,39 +634,49 @@ </el-table> </el-collapse-item> </div> - </el-collapse> - </div> + </el-collapse> --> + <!-- </div> --> </div> </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=" + <el-dialog title="PDF 棰勮" :visible.sync="dialogVisible" :close-on-click-modal="false"> + <div class="main"> + <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> + </div> + </el-dialog> + + <el-dialog :title="title" :visible.sync="open2" width="800px" append-to-body> + <el-form ref="form" :model="forms" label-width="100px" :inline="true"> + <el-form-item label="浣撴绫诲埆"> + <el-select style="width: 150px" v-model="forms.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> + <div slot="footer" class="dialog-footer2"> + <el-button type="primary" @click="submitType">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </el-dialog> + + <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> @@ -992,299 +710,121 @@ <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-select - :remote-method="getRemoteData" - v-model="formIn.company" - remote - default-first-option - allow-create - filterable - style="width: 200px" - placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" - clearable - @change="idFn1" - > - <el-option - v-for="dict in CompanyList" - :key="dict.cnName" - :label="dict.cnName" - :value="dict.drugManufacturerId" - /> + <el-select :remote-method="getRemoteData" v-model="formIn.company" remote default-first-option + allow-create filterable style="width: 200px" placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="idFn1"> + <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName" + :value="dict.drugManufacturerId" /> </el-select> <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i> </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 @@ -1308,13 +848,8 @@ <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 @@ -1348,60 +883,24 @@ <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> --> @@ -1411,7 +910,57 @@ <div style="text-align: center; margin-bottom: 10px"> 宸查�夐」鐩垪琛� </div> - <div + + <div style=" + padding: 0px 6px; + border: 1px solid #e6ebf5; + max-height: 650%; + overflow: auto; + width: 916px; + margin-left: 35px; + "> + <el-table :data="tableData1" border style="width: 100%"> + <el-table-column prop="proName" label="椤圭洰" width="180" align="center"> + </el-table-column> + <el-table-column prop="proType" label="鎬у埆" width="50" align="center"> + <template slot-scope="scope"> + <template v-if="isAll(scope.row.proType)"> + 鍏ㄩ儴 + </template> + <template v-else> + <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" /> + </template> + </template> + </el-table-column> + + <el-table-column prop="ordPrice" label="搴旀敹閲戦" align="center"> + </el-table-column> + <el-table-column label="鎶樻墸" width="160px" align="center"> + <template slot-scope="scope"> + <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" size="small" type="number" :precision="1" :step="0.1" :max="10" :min="0" + :disabled="true"> + </el-input-number> + </template> + </el-table-column> + <el-table-column prop="nowPrice" label="瀹炴敹閲戦" align="center"> + </el-table-column> + <el-table-column prop="proCheckMethod" label="鏄惁绌鸿吂" align="center"> + <template slot-scope="scope"> + <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" /> + </template> + </el-table-column> + <el-table-column label="鎿嶄綔" align="center" width="80px"> + <template slot-scope="scope"> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)" + title="鍒犻櫎"> + </el-button> + </template> + </el-table-column> + </el-table> + </div> + + <!-- <div style=" padding: 0px 6px; border: 1px solid #e6ebf5; @@ -1419,6 +968,14 @@ overflow: auto; " > + <div + style=" + padding: 0px 6px; + border: 1px solid #e6ebf5; + max-height: 420px; + overflow: auto; + " + ></div> <el-collapse v-model="index" accordion v-if="list3"> <div class="info1" @@ -1437,7 +994,18 @@ item.nowPrice + ".00鍏�)" }} + <div style="font-size: 16px; margin-left: 20px"> + 宸查�夐」鐩潯鏁帮細<span + style=" + font-weight: 700 !important; + color: red; + margin-right: 5px; + " + >{{ item.list.length || 0 }}</span + >鏉� + </div> </template> + <el-table :data="item.list" border @@ -1457,6 +1025,22 @@ > </el-table-column> <el-table-column prop="ordPrice" label="搴旀敹閲戦"> + </el-table-column> + <el-table-column label="鎶樻墸"> + <template slot-scope="scope"> + <el-input-number + v-model.number="scope.row.discount" + @input="validateDiscount(scope.row)" + placeholder="杈撳叆鎶樻墸" + size="small" + type="number" + :precision="1" + :step="0.1" + :max="10" + :min="0" + > + </el-input-number> + </template> </el-table-column> <el-table-column prop="nowPrice" label="瀹炴敹閲戦"> </el-table-column> @@ -1532,23 +1116,14 @@ </el-collapse-item> </div> </el-collapse> - </div> + </div> --> </div> </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> @@ -1558,8 +1133,12 @@ </template> <script> -import { addComp } from "@/api/system/comp"; - +import { + addComp, addPlOrderAndDetail, Deptlist, + getDwAndDwDept, +} from "@/api/system/comp"; +import Big from "big.js"; +import { Loading } from "element-ui"; import { listReservation, gettjCancel, @@ -1575,6 +1154,8 @@ getaddtTransition, getTransitionList, getconfigKey, + delTbBycusCardIdAndProId, + getTransitionList1, } from "@/api/system/tijian"; import { getCompany, queryCompany } from "@/api/team/tuanti"; import user from "@/store/modules/user"; @@ -1599,7 +1180,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(""); @@ -1621,8 +1201,12 @@ return time.getTime() < Date.now() - 8.64e7; // 涓嶅彲閫夊巻鍙插ぉ銆佷笉鍙�夊綋鍓嶅ぉ銆佸彲閫夋湭鏉ュぉ }, }, + discount: 10, taocan: false, + webSocket: null, defaultKeys: [], + deptList: [], + groupingList: [], value1: "", pacName: "", hides: false, @@ -1632,6 +1216,10 @@ dialogVisibles: false, src: "", url: "", + open2: false, + forms: { + tjCategory: "12", + }, dialogVisible: false, /** 鐓х浉鏈哄脊绐楁ā鍧�-start */ videoWidth: 200, @@ -1689,8 +1277,11 @@ // 鏄惁鏄剧ず寮瑰嚭灞� pacId: "", + cusIds: [], // 缁撴灉 result: "", + createTimeList: "", + startTime: "", proIds: [], // 鏄剧ず鎼滅储鏉′欢 showSearch: true, @@ -1722,6 +1313,8 @@ cusBrithday: null, cusAddr: null, cusPhone: null, + yykssj: "", // 棰勭害寮�濮嬫椂闂� + yyjssj: "", // 棰勭害缁撴潫鏃堕棿 cusPostcode: null, cusEmail: null, indexCard: null, @@ -1732,7 +1325,29 @@ cusNumber: null, cusIsvip: null, }, - formIn: {}, + formIn: { + name: "", + age: "", + idCard: "", + remark: null, + pacName: "", + cusaddr: null, + idType: null, + ageUnit: null, + sex: null, + phoe: "", + nation: null, + email: "", + marriage: null, + address: "", + tjCategory: null, + company: "", + career: null, + reservationTime: null, + timeRegion: null, + indexCard: "", + department: "", + }, fmobj: {}, // 琛ㄥ崟鏍¢獙 form1: {}, @@ -1801,6 +1416,7 @@ reservationList: [], // 寮瑰嚭灞傛爣棰� title: "", + valueUrls: "ws://127.0.0.1:6789/websocket", drawer: false, drawer1: false, // 鏌ヨ鍙傛暟 @@ -1810,6 +1426,7 @@ orderByColumn: "reservationTime", isAsc: "desc", name: null, + reservationTime: null, idCard: null, phoe: null, email: null, @@ -1851,12 +1468,106 @@ // }, // ], }, + pickerOptions: { + shortcuts: [ + { + text: "鏈�杩戜竴鍛�", + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().setHours(0, 0, 0, 0)); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); + picker.$emit("pick", [start, end]); + }, + }, + { + text: "鏈�杩戜竴涓湀", + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().setHours(0, 0, 0, 0)); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); + picker.$emit("pick", [start, end]); + }, + }, + { + text: "鏈�杩戜笁涓湀", + onClick(picker) { + const end = new Date(); + const start = new Date(new Date().setHours(0, 0, 0, 0)); + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); + picker.$emit("pick", [start, end]); + }, + }, + ], + }, }; }, created() { this.getList(); }, methods: { + isAll(value) { + return value === "" || value === null; + }, + validateDiscount(row) { + if (row.discount == null || isNaN(row.discount)) { + row.discount = 10; + } + if (row.discount > 10) { + row.discount = 10; // 寮哄埗灏嗗�艰缃负鏈�澶у�� + } else if (row.discount < 0) { + row.discount = 0; // 寮哄埗灏嗗�艰缃负鏈�灏忓�� + } + this.updateProPrice(row); // 鏇存柊浠锋牸鎴栧叾浠栭�昏緫 + }, + updateProPrice(row) { + const ordPrice = new Big(row.ordPrice || 0); + const discount = new Big(row.discount || 0); + const result = ordPrice.times(discount.div(10)); // ordPrice * (discount / 10) + row.nowPrice = result.toNumber(); + this.TotalPrice = this.tableData1.reduce((sum, item) => { + return sum.plus(new Big(item.nowPrice || "0")); + }, new Big(0)); + + this.discount = + (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * 10; + }, + + dateChangebirthday2(val) { + this.startTime = val; + }, + + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete1(row) { + // console.log(row); + let data = { + cusCardId: row.cusId, + proId: row.parentProId, + }; + this.$modal + .confirm("鏄惁纭鍒犻櫎锛�") + .then(() => { + return delTbBycusCardIdAndProId(data); + }) + .then(() => { + this.TotalPrice1 = 0; + getTransitionList1(row.cusId).then((response) => { + this.tableData1 = response.data; + + this.tableData1.forEach((item) => { + this.TotalPrice1 += item.ordPrice; + this.TotalPrice += item.nowPrice; + }); + this.TotalPrice = this.tableData1.reduce((sum, item) => { + return sum.plus(new Big(item.nowPrice || "0")); + }, new Big(0)); + this.discount = + (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * + 10; + }); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }) + .catch(() => { }); + }, getCompanyList() { this.loading = true; getconfigKey("team_reservation_default_day").then((res) => { @@ -1899,6 +1610,7 @@ this.title = "娣诲姞浣撴鍗曚綅淇℃伅缁存姢"; }, idFn1(value) { + console.log(value) if (value) { this.form.dictCompId = value; this.CompanyList.forEach((item) => { @@ -1907,11 +1619,35 @@ this.queryParams.company = item.cnName; } }); + Deptlist(value).then((response) => { + this.deptList = response.data; + }); } + }, + idFn2(value) { + let data = { + deptId: value, + dwId: this.form.dictCompId, + }; + getDwAndDwDept(data).then((response) => { + // 閮ㄩ棬鍚嶇О + this.groupingList = response.data; + + }); }, /** 鏌ヨ浣撴棰勭害鍒楄〃 */ getList() { this.loading = true; + if (this.startTime) { + this.queryParams.yykssj = this.startTime[0]; + this.queryParams.yyjssj = this.startTime[1]; + } else if (this.createTimeList) { + this.queryParams.yykssj = this.createTimeList[0]; + this.queryParams.yyjssj = this.createTimeList[1]; + } else if (this.createTimeList == null) { + this.queryParams.yykssj = null; + this.queryParams.yyjssj = null; + } listReservation(this.queryParams).then((response) => { this.reservationList = response.rows; // response.rows.forEach((item, index) => @@ -1928,6 +1664,7 @@ // 鍙栨秷鎸夐挳 cancel() { this.open = false; + this.open2 = false; this.reset(); }, @@ -1986,15 +1723,37 @@ }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { + this.startTime = []; + this.createTimeList = []; this.resetForm("queryForm"); + this.queryParams = { + pageNum: 1, + pageSize: 10, + cusName: null, + cusSex: null, + cusBrithday: null, + cusAddr: null, + cusPhone: null, + yykssj: "", // 棰勭害寮�濮嬫椂闂� + yyjssj: "", // 棰勭害缁撴潫鏃堕棿 + cusPostcode: null, + cusEmail: null, + indexCard: null, + cusNational: null, + cusMarryStatus: null, + cusIdcard: null, + cusIntroduce: null, + cusNumber: null, + cusIsvip: null, + }; this.handleQuery(); }, // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { + this.cusIds = selection.map((item) => item.idCard); 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; @@ -2009,7 +1768,6 @@ /** 淇敼鎸夐挳鎿嶄綔 */ handleUpdate(row) { - console.log(row); this.title = "淇敼浣撴棰勭害"; this.formIn = row; this.form.tjType = this.formIn.tjType; @@ -2073,14 +1831,13 @@ getReservation(id).then((response) => { if (response.data) { let cusId = response.data.idCard; - getTransitionList(cusId).then((response) => { + getTransitionList1(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; - console.log(this.discount); this.TotalPrice = ( this.TotalPrice1 * (this.discount / 10) @@ -2184,9 +1941,10 @@ getReservation(id).then((response) => { if (response.data) { let cusId = response.data.idCard; - getTransitionList(cusId).then((response) => { + getTransitionList1(cusId).then((response) => { if (response.data) { this.tableData1 = response.data; + if (this.tableData1.length != 0) { this.TotalPrice1 = 0; this.tableData1.forEach((item) => { @@ -2289,6 +2047,143 @@ this.treedataList = JSON.parse(JSON.stringify(this.dXData)); return; } + }, + + Groupsignin() { + this.open2 = true; + }, + + submitType() { + // let cusIds = []; + // this.selectList.forEach((item) => { + // cusIds.push(item.idCard); + // }); + let loadingInstance1 = Loading.service({ + fullscreen: true, + text: "绛惧埌涓�", + }); + let data = { + cusIds: this.cusIds, + tjCategory: this.forms.tjCategory, + }; + this.open2 = false; + addPlOrderAndDetail(data).then((res) => { + if (res.code == 200) { + this.open2 = false; + this.$modal.msgSuccess("绛惧埌鎴愬姛"); + if (res.file) { + let base64 = res.file; + this.base64ToBlob({ + b64data: base64, + contentType: "application/pdf", + }).then((res) => { + this.dialogVisible = true; + // 杞悗鍚庣殑blob瀵硅薄 + try { + this.url = res.preview; + } catch (error) { + this.url = window.webkitURL.createObjectURL(res.preview); + } + }); + } else { + let _this = this; + this.$nextTick(() => { + // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + loadingInstance1.close(); + }); + var websocket = null; + var url = _this.valueUrls; + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } else { + } + if (websocket == null) { + alert("11111"); + } + websocket.onopen = function () { + console.log("res", res); + + try { + // 杩炴帴璁惧 + var jsonObjs = { + type: 4, + data: res, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + } catch (err) { + var tryTime = 0; + // 閲嶈瘯10娆★紝姣忔涔嬮棿闂撮殧3绉� + if (tryTime < 1) { + var t1 = setTimeout(function () { + tryTime++; + var jsonObjs = { + type: 4, + data: res, + }; + var jStrs = JSON.stringify(jsonObjs); + websocket.send(jStrs); + }, 1 * 1000); + } else { + console.error("閲嶈繛澶辫触."); + } + } + }; + websocket.onclose = function () { + alert("杩炴帴鍏抽棴"); + }; + websocket.onmessage = function (event) { + var resultObj = JSON.parse(event.data); + _this.cardreader = false; + }; + + //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉� + websocket.onerror = function () { + alert("璇锋鏌ヨ繛鎺ユ槸鍚︽甯�"); + }; + + this.getList(); + } + } else { + this.$nextTick(() => { + // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂� + loadingInstance1.close(); + }); + } + }); + }, + + base64ToBlob({ b64data = "", contentType = "", sliceSize = 512 } = {}) { + return new Promise((resolve, reject) => { + // 浣跨敤 atob() 鏂规硶灏嗘暟鎹В鐮� + let byteCharacters = atob(b64data); + let byteArrays = []; + for ( + let offset = 0; + offset < byteCharacters.length; + offset += sliceSize + ) { + let slice = byteCharacters.slice(offset, offset + sliceSize); + let byteNumbers = []; + for (let i = 0; i < slice.length; i++) { + byteNumbers.push(slice.charCodeAt(i)); + } + // 8 浣嶆棤绗﹀彿鏁存暟鍊肩殑绫诲瀷鍖栨暟缁勩�傚唴瀹瑰皢鍒濆鍖栦负 0銆� + // 濡傛灉鏃犳硶鍒嗛厤璇锋眰鏁扮洰鐨勫瓧鑺傦紝鍒欏皢寮曞彂寮傚父銆� + byteArrays.push(new Uint8Array(byteNumbers)); + } + let result = new Blob(byteArrays, { + type: contentType, + }); + result = Object.assign(result, { + // jartto: 杩欓噷涓�瀹氳澶勭悊涓�涓� URL.createObjectURL + preview: URL.createObjectURL(result), + // name: `鍥剧墖绀轰緥.png`, + }); + resolve(result); + }); }, // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� @@ -2572,7 +2467,7 @@ this.$modal.msgSuccess("鎾ら攢鎴愬姛"); this.getList(); }) - .catch(() => {}); + .catch(() => { }); }, //鎵归噺鎾ら攢 @@ -2697,12 +2592,14 @@ -moz-border-radius: 2em; border-radius: 2em; } + .dialog-footer2 { width: 960px; height: 36px; display: flex; justify-content: center; } + /* 淇敼 婊戝潡 */ #printIframe::-webkit-scrollbar-thumb { background-color: #dcdfe6; -- Gitblit v1.8.0