From d873c5ee1eb9218341b73c116c02a456d0f2973a Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期四, 12 六月 2025 16:52:12 +0800 Subject: [PATCH] qx --- src/views/hosp/order/index.vue | 2228 +++++++++++++++++++++++---------------------------------- 1 files changed, 911 insertions(+), 1,317 deletions(-) diff --git a/src/views/hosp/order/index.vue b/src/views/hosp/order/index.vue index 9d7b6c4..3127430 100644 --- a/src/views/hosp/order/index.vue +++ b/src/views/hosp/order/index.vue @@ -1,422 +1,190 @@ <template> - <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - v-show="showSearch" - label-width="68px" - > - <el-form-item label="濮撳悕" prop="name"> - <el-input - ref="inputName" - v-model="queryParams.name" - placeholder="璇疯緭鍏ュ鍚�" - style="width: 150px" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="浣撴鍙�" prop="tjNum"> - <el-input - ref="inputName" - v-model="queryParams.tjNum" - placeholder="璇疯緭鍏ヤ綋妫�鍙�" - style="width: 150px" - clearable - @keyup.enter.native="handleQuery" - @blur="hb" - /> - </el-form-item> - <el-form-item label="浣撴椤圭洰" prop="xmmc"> - <el-input - ref="inputName" - v-model="queryParams.xmmc" - placeholder="璇疯緭鍏ヤ綋妫�椤圭洰" - style="width: 150px" - clearable - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item - label="鍗曚綅鍚嶇О" - prop="tjCompName" - style="margin-left: 20px; margin-right: 500px" - > - <el-select - :remote-method="getRemoteData" - v-model="queryParams.tjCompName" - value-key="drugManufacturerId" - style="width: 200px" - remote - filterable - placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" - clearable - @change="searchSelect" - > - <el-option - v-for="dict in CompanyList" - :key="dict.drugManufacturerId" - :label="dict.cnName" - :value="dict" - /> - </el-select> - </el-form-item> - <el-form-item label="鐘舵��" prop="zt"> - <el-select - :remote-method="getRemoteData" - v-model="queryParams.zt" - style="width: 150px" - remote - filterable - placeholder="璇烽�夋嫨鐘舵��" - clearable - @change="searchSelect" - > - <el-option - v-for="item in ztList" - :key="item.id" - :label="item.name" - :value="item.id" - /> - </el-select> - </el-form-item> - <el-form-item - label="鐧昏鏃堕棿" - prop="createTimeList" - style="margin-right: 107px" - > - <el-date-picker - v-model="createTimeList" - type="datetimerange" - align="right" - :picker-options="pickerOptions" - style="width: 300px" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - :default-time="['00:00:00', '23:59:00']" - format="yyyy-MM-dd HH:mm" - value-format="yyyy-MM-dd HH:mm" - @change="dateChangebirthday1" - > - </el-date-picker> - </el-form-item> - <!-- <el-form-item label="鐧昏鏃堕棿" prop="createTime"> + <div v-loading="isLoading" element-loading-text="姝e湪鎻愪氦锛岃绋嶅��..." element-loading-spinner="el-icon-loading" + element-loading-background="rgba(255, 255, 255, 0.8)" style="height: 100%; padding: 20px; position: relative;"> + <div class="app-container"> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <el-form-item label="濮撳悕" prop="name"> + <el-input ref="inputName" v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" style="width: 150px" clearable + @keyup.enter.native="handleQuery" /> + </el-form-item> + <el-form-item label="浣撴鍙�" prop="tjNum"> + <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" style="width: 150px" clearable + @keyup.enter.native="handleQuery" @blur="hb" /> + </el-form-item> + <el-form-item label="浣撴椤圭洰" prop="xmmc"> + <el-input ref="inputName" v-model="queryParams.xmmc" placeholder="璇疯緭鍏ヤ綋妫�椤圭洰" style="width: 150px" clearable + @keyup.enter.native="handleQuery" /> + </el-form-item> + <el-form-item label="鍗曚綅鍚嶇О" prop="tjCompName" > + <el-select :remote-method="getRemoteData" v-model="queryParams.tjCompName" value-key="drugManufacturerId" + style="width: 200px" remote filterable placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="searchSelect"> + <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" :value="dict" /> + </el-select> + </el-form-item> + <el-form-item label="鐘舵��" prop="zt"> + <el-select :remote-method="getRemoteData" v-model="queryParams.zt" style="width: 150px" remote filterable + placeholder="璇烽�夋嫨鐘舵��" clearable @change="searchSelect"> + <el-option v-for="item in ztList" :key="item.id" :label="item.name" :value="item.id" /> + </el-select> + </el-form-item> + <el-form-item label="鐧昏鏃堕棿" prop="createTimeList" style="margin-right: 107px"> + <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions" + style="width: 300px" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" + :default-time="['00:00:00', '23:59:00']" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" + @change="dateChangebirthday1"> + </el-date-picker> + </el-form-item> + <!-- <el-form-item label="鐧昏鏃堕棿" prop="createTime"> <el-date-picker clearable v-model="queryParams.createTime" type="date" value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鐧昏鏃堕棿"> </el-date-picker> </el-form-item> --> - <!-- <el-form-item label="瀹屾垚鏃堕棿" prop="finishTimeList"> + <!-- <el-form-item label="瀹屾垚鏃堕棿" prop="finishTimeList"> <el-date-picker clearable v-model="queryParams.finishTimeList" type="daterange" range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨浣撴瀹屾垚鏃堕棿" style="width: 240px"> </el-date-picker> </el-form-item> --> - <el-form-item label="鎶ュ憡鏃堕棿" prop="reportTimeList"> - <el-date-picker - clearable - v-model="reportTimeList" - @change="dateChangebirthday2" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - :picker-options="pickerOptions" - value-format="yyyy-MM-dd" - placeholder="璇烽�夋嫨鍑烘姤鍛婃椂闂�" - style="width: 240px" - > - </el-date-picker> - </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> + <el-form-item label="鎶ュ憡鏃堕棿" prop="reportTimeList"> + <el-date-picker clearable v-model="reportTimeList" @change="dateChangebirthday2" type="daterange" + range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions" + value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑烘姤鍛婃椂闂�" style="width: 240px"> + </el-date-picker> + </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> - <div v-if="shijianlist.length > 0" style="margin-bottom: 20px"> - {{ findNameByTjnum(shijianlist[shijianlist.length - 1].tjNUm) }} - <el-steps - :space="200" - :active="shijianlist[shijianlist.length - 1].sjz" - finish-status="success" - align-center - > - <el-step title="鏈"></el-step> - <el-step title="鍦ㄦ"></el-step> - <el-step title="宸插畬鎴�"></el-step> - <el-step title="宸插鏍�"></el-step> - <el-step title="鐢熸垚鎶ュ憡"></el-step> - <el-step title="鎶ュ憡鏍告敹"></el-step> - <el-step title="宸插嚭鎶ュ憡"></el-step> - </el-steps> - </div> + <div v-if="shijianlist.length > 0" style="margin-bottom: 20px"> + {{ findNameByTjnum(shijianlist[shijianlist.length - 1].tjNUm) }} + <el-steps :space="200" :active="shijianlist[shijianlist.length - 1].sjz" finish-status="success" align-center> + <el-step title="鏈"></el-step> + <el-step title="鍦ㄦ"></el-step> + <el-step title="宸插畬鎴�"></el-step> + <el-step title="宸插鏍�"></el-step> + <el-step title="鐢熸垚鎶ュ憡"></el-step> + <el-step title="鎶ュ憡鏍告敹"></el-step> + <el-step title="宸叉墦鍗�"></el-step> + </el-steps> + </div> - <el-row :gutter="10" class="mb8"> - <el-col :span="1.5"> + <el-row :gutter="10" class="mb8"> + <!-- <el-col :span="1.5"> <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport" + :disabled="singles" v-hasPermi="['hosp:order:export']" >瀵煎嚭</el-button > - </el-col> + </el-col> --> + <el-col :span="1.5"> + <el-button type="primary" icon="el-icon-download" size="mini" @click="exportDialogVisible = true" + v-hasPermi="['hosp:order:export']">瀵煎嚭</el-button> + </el-col> + <el-col :span="1.5"> + <el-button type="primary" size="mini" @click="handleProject1" :disabled="single" + v-hasPermi="['hosp:order:export']">琛ュ綍椤圭洰</el-button> + </el-col> + <el-col :span="1.5"> + <el-button type="primary" size="mini" @click="revokeProject" :disabled="single" + v-hasPermi="['hosp:order:export']">鎾ら攢琛ュ綍</el-button> + </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="handleRevoke" - :disabled="single" - >鎾ら攢绛惧埌</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="handleProject1" - :disabled="single" - v-hasPermi="['hosp:order:export']" - >琛ュ綍椤圭洰</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="revokeProject" - :disabled="single" - v-hasPermi="['hosp:order:export']" - >鎾ら攢琛ュ綍</el-button - > - </el-col> + <el-col :span="1.5"> + <el-button type="primary" size="mini" @click="handleReport1" :disabled="single" + v-hasPermi="['hosp:order:export']">鎵撳嵃瀵艰瘖鍗�</el-button> + </el-col> + <el-col :span="1.5"> + <el-button type="primary" size="mini" @click="handleUpdate1" :disabled="single" + v-hasPermi="['hosp:order:export']">璁㈠崟鏄庣粏</el-button> + </el-col> + <el-col :span="1.5"> + <el-button type="primary" size="mini" @click="budadzd" :disabled="single" + v-hasPermi="['hosp:order:export']">鎵撳嵃琛ュ綍鍗�</el-button> + </el-col> + <el-col :span="1.5"> + <el-button style="background-color:#E6A23C;color:#fff" size="mini" @click="handleRevoke" + :disabled="singles">鎾ら攢绛惧埌</el-button> + </el-col> + <el-col :span="1.5"> + <el-button style="background-color:#E6A23C;color:#fff" size="mini" @click="ForceChexiao" :disabled="single" + v-hasPermi="['qzcx']">寮哄埗鎾ら攢</el-button> + </el-col> + <el-col :span="1.5"> + <el-button style="background-color:#E6A23C;color:#fff" size="mini" @click="ResumeAppointment" + :disabled="multiple">鎭㈠棰勭害</el-button> + </el-col> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> + </el-row> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="handleReport1" - :disabled="single" - v-hasPermi="['hosp:order:export']" - >鎵撳嵃瀵艰瘖鍗�</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="handleUpdate1" - :disabled="single" - v-hasPermi="['hosp:order:export']" - >璁㈠崟鏄庣粏</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="budadzd" - :disabled="single" - v-hasPermi="['hosp:order:export']" - >鎵撳嵃琛ュ綍鍗�</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="primary" - size="mini" - @click="ForceChexiao" - :disabled="single" - v-hasPermi="['qzcx']" - >寮哄埗鎾ら攢</el-button - > - </el-col> - <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - ></right-toolbar> - </el-row> - - <template> - <el-table - border - v-loading="loading" - :data="orderList" - @selection-change="handleSelectionChange" - > - <el-table-column - type="selection" - width="40px" - align="center" - fixed="left" - /> - <!-- <el-table-column label="涓婚敭id" align="center" prop="orderId" /> --> - <!-- <el-table-column label="鐢ㄦ埛id" align="center" prop="userId" /> --> - <el-table-column - label="搴忓彿" - align="center" - prop="newID" - width="50px" - fixed="left" - /> - <el-table-column - label="濮撳悕" - align="center" - prop="tjCustomerName" - fixed="left" - width="90px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="韬唤璇佸彿" - align="center" - prop="tjCusIdCard" - fixed="left" - width="180px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鎬у埆" - align="center" - prop="tjCustomerSex" - width="50px" - :show-overflow-tooltip="true" - > - <template slot-scope="scope"> - <span v-if="scope.row.tjCustomerSex == '0'">鐢�</span> - <span v-if="scope.row.tjCustomerSex == '1'">濂�</span> - <span v-if="scope.row.tjCustomerSex == '2'">鏈煡</span> - </template> - </el-table-column> - <el-table-column - label="骞撮緞" - align="center" - prop="tjCustomerAge" - width="55px" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鐢佃瘽" - align="center" - prop="tjCustomerPhone" - :show-overflow-tooltip="true" - width="110px" - /> - <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" - /> - <!-- <span v-if="scope.row.tjType == '2'">涓汉</span> + <template> + <el-table border v-loading="loading" :data="orderList" ref="tableRef" @selection-change="handleSelectionChange"> + <el-table-column type="selection" width="40px" align="center" fixed="left" /> + <!-- <el-table-column label="涓婚敭id" align="center" prop="orderId" /> --> + <!-- <el-table-column label="鐢ㄦ埛id" align="center" prop="userId" /> --> + <el-table-column label="搴忓彿" align="center" prop="newID" width="50px" fixed="left" /> + <el-table-column label="濮撳悕" align="center" prop="tjCustomerName" fixed="left" width="90px" + :show-overflow-tooltip="true" /> + <el-table-column label="韬唤璇佸彿" align="center" prop="tjCusIdCard" fixed="left" width="180px" + :show-overflow-tooltip="true" /> + <el-table-column label="鎬у埆" align="center" prop="tjCustomerSex" width="50px" :show-overflow-tooltip="true"> + <template slot-scope="scope"> + <span v-if="scope.row.tjCustomerSex == '0'">鐢�</span> + <span v-if="scope.row.tjCustomerSex == '1'">濂�</span> + <span v-if="scope.row.tjCustomerSex == '2'">鏈煡</span> + </template> + </el-table-column> + <el-table-column label="骞撮緞" align="center" prop="tjCustomerAge" width="55px" :show-overflow-tooltip="true" /> + <el-table-column label="鐢佃瘽" align="center" prop="tjCustomerPhone" :show-overflow-tooltip="true" + width="110px" /> + <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" /> + <!-- <span v-if="scope.row.tjType == '2'">涓汉</span> <span v-if="scope.row.tjType == '1'">鍥㈤槦</span> --> - </template> - </el-table-column> - <el-table-column - label="浣撴鍙�" - align="center" - prop="tjNumber" - :show-overflow-tooltip="true" - width="160px" - /> - <el-table-column - label="闂ㄨ瘖鍙�" - align="center" - prop="cardId" - :show-overflow-tooltip="true" - width="160px" - /> - <el-table-column - label="鍗曚綅鍚嶇О" - align="center" - prop="dictCompName" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鐘舵��" - align="center" - prop="zt" - :show-overflow-tooltip="true" - /> - <!-- <el-table-column label="娴佹按鍙�" align="center" prop="tjSerialNumber" /> --> - <el-table-column - label="鎵�閫夊椁�" - align="center" - prop="pacName" - :formatter="driver" - :show-overflow-tooltip="true" - /> - <el-table-column - label="瀵艰瘖鎵撳嵃娆℃暟" - align="center" - prop="dycs" - width="110px" - :formatter="driver" - :show-overflow-tooltip="true" - > - <template slot-scope="scope"> - {{ scope.row.dycs === null ? 0 : scope.row.dycs }} - </template> - </el-table-column> - <el-table-column - label="鐧昏鏃堕棿" - align="center" - prop="createTime" - width="155px" - :show-overflow-tooltip="true" - > - <template slot-scope="scope"> - <span>{{ parseTime(scope.row.createTime) }}</span> - </template> - </el-table-column> - <el-table-column - label="瀹屾垚鏃堕棿" - align="center" - prop="finishTime" - width="155px" - :show-overflow-tooltip="true" - > - <!-- <template slot-scope="scope"> + </template> + </el-table-column> + <el-table-column label="浣撴鍙�" align="center" prop="tjNumber" :show-overflow-tooltip="true" width="160px" /> + <el-table-column label="闂ㄨ瘖鍙�" align="center" prop="cardId" :show-overflow-tooltip="true" width="160px" /> + <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="dictCompName" :show-overflow-tooltip="true" /> + <el-table-column label="鐘舵��" align="center" prop="zt" :show-overflow-tooltip="true" /> + <!-- <el-table-column label="娴佹按鍙�" align="center" prop="tjSerialNumber" /> --> + <el-table-column label="鎵�閫夊椁�" align="center" prop="pacName" :formatter="driver" + :show-overflow-tooltip="true" /> + <el-table-column label="瀵艰瘖鎵撳嵃娆℃暟" align="center" prop="dycs" width="110px" :formatter="driver" + :show-overflow-tooltip="true"> + <template slot-scope="scope"> + {{ scope.row.dycs === null ? 0 : scope.row.dycs }} + </template> + </el-table-column> + <el-table-column label="鐧昏鏃堕棿" align="center" prop="createTime" width="155px" :show-overflow-tooltip="true"> + <template slot-scope="scope"> + <span>{{ parseTime(scope.row.createTime) }}</span> + </template> + </el-table-column> + <el-table-column label="瀹屾垚鏃堕棿" align="center" prop="finishTime" width="155px" :show-overflow-tooltip="true"> + <!-- <template slot-scope="scope"> <span>{{ parseTime(scope.row.finishTime) }}</span> </template> --> - </el-table-column> - <!-- <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="180"> + </el-table-column> + <!-- <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="180"> <template slot-scope="scope"> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> </template> </el-table-column> --> - <el-table-column - label="鎶ュ憡鏃堕棿" - align="center" - prop="reportTime" - width="155px" - height="10px" - :show-overflow-tooltip="true" - > - <!-- <template slot-scope="scope"> + <el-table-column label="鎶ュ憡鏃堕棿" align="center" prop="reportTime" width="155px" height="10px" + :show-overflow-tooltip="true"> + <!-- <template slot-scope="scope"> <span>{{ parseTime(scope.row.reportTime) }}</span> </template> --> - </el-table-column> - <!-- <el-table-column label="鍒涘缓浜�" align="center" prop="createBy" /> --> - <!-- <el-table-column label="鏇存柊浜�" align="center" prop="updateBy" /> --> - <!-- <el-table-column + </el-table-column> + <!-- <el-table-column label="鍒涘缓浜�" align="center" prop="createBy" /> --> + <!-- <el-table-column label="鏇存柊浜�" align="center" prop="updateBy" /> --> + <!-- <el-table-column label="鍗曚綅宸ュ彿" align="center" prop="firmWorkId" @@ -424,50 +192,32 @@ :show-overflow-tooltip="true" /> --> - <!-- <el-table-column label="閮ㄩ棬鍚�" align="center" prop="firmDeptName" /> --> + <!-- <el-table-column label="閮ㄩ棬鍚�" align="center" prop="firmDeptName" /> --> - <!-- <el-table-column label="瀹㈡埛鐓х墖" align="center" prop="photo" /> --> - <!-- <el-table-column prop="checkStatus" label="瀹℃牳鐘舵��" width="180"> + <!-- <el-table-column label="瀹㈡埛鐓х墖" align="center" prop="photo" /> --> + <!-- <el-table-column prop="checkStatus" label="瀹℃牳鐘舵��" width="180"> <template slot-scope="scope"> <span>{{ scope.row.checkStatus == "1" ? "宸插鏍�" : "寰呭鏍�" }}</span> </template> </el-table-column> --> - <el-table-column - fixed="right" - label="鎿嶄綔" - align="center" - class-name="small-padding fixed-width" - height="10px" - width="114px" - > - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-document" - @click="handleUpdate(scope.row)" - v-hasPermi="['hosp:order:edit']" - title="璁㈠崟娴佹按" - ></el-button> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleProject(scope.row)" - v-hasPermi="['hosp:order:edit']" - title="琛ュ綍椤圭洰" - ></el-button> - <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-download" title="涓嬭浇瀵艰瘖鍗�" @click=" + <el-table-column fixed="right" label="鎿嶄綔" align="center" class-name="small-padding fixed-width" height="10px" + width="114px"> + <template slot-scope="scope"> + <el-button size="mini" type="text" icon="el-icon-document" @click="handleUpdate(scope.row)" + v-hasPermi="['hosp:order:edit']" title="璁㈠崟娴佹按"></el-button> + <el-button size="mini" type="text" icon="el-icon-edit" @click="handleProject(scope.row)" + v-hasPermi="['hosp:order:edit']" title="琛ュ綍椤圭洰"></el-button> + <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-download" title="涓嬭浇瀵艰瘖鍗�" @click=" daoZhenDan, LoadFileImg(scope.row); "></el-button> --> - <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-view" title="鏌ョ湅鎶ュ憡" @click=" + <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-view" title="鏌ョ湅鎶ュ憡" @click=" dialogVisible, downLoadFileImg(scope.row); "></el-button> --> - <!-- <el-button + <!-- <el-button type="text" size="mini" class="btn" @@ -475,7 +225,7 @@ title="浣撴鎶ュ憡" @click="viewReport(scope.row)" ></el-button> --> - <!-- <el-button + <!-- <el-button type="text" size="mini" class="btn" @@ -485,41 +235,28 @@ @click="viewReport(scope.row)" ></el-button> --> - <el-button - type="text" - size="mini" - class="btn" - icon="el-icon-download" - title="瀵艰瘖鍗�" - @click="handleReport(scope.row)" - ></el-button> + <el-button type="text" size="mini" class="btn" icon="el-icon-download" title="瀵艰瘖鍗�" + @click="handleReport(scope.row)"></el-button> - <!-- <button @click="downLoadFileImg(scope.row)">鏌ョ湅鎶ュ憡</button> --> - </template> - </el-table-column> - </el-table> - </template> + <!-- <button @click="downLoadFileImg(scope.row)">鏌ョ湅鎶ュ憡</button> --> + </template> + </el-table-column> + </el-table> + </template> - <div class="pag"> - <div class="pag1"> - <el-pagination - background - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - :current-page="queryParams.pageNum" - :page-sizes="[10, 20, 30, 40]" - :page-size="queryParams.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="total" - > - </el-pagination> - <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" + <div class="pag"> + <div class="pag1"> + <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" + :current-page="queryParams.pageNum" :page-sizes="[10, 20, 30, 40]" :page-size="queryParams.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="total"> + </el-pagination> + <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> --> + </div> </div> - </div> - <!-- 璁㈠崟娴佹按瀵硅瘽妗� --> - <!-- <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" width="1500px " > + <!-- 璁㈠崟娴佹按瀵硅瘽妗� --> + <!-- <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" width="1500px " > <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="鏃ユ湡" width="180"> </el-table-column> @@ -533,378 +270,33 @@ </span> </el-dialog> --> - <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="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="瀵艰瘖鍗�" - :visible.sync="daoZhenDan" - :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="瀵艰瘖鍗�" :visible.sync="daoZhenDan" :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="Projectopen" - width="1100px" - style="height: 860px" - append-to-body - :close-on-click-modal="false" - > - <el-tabs - type="border-card" - style="height: 640px; margin: 0 10px; width: 100%" - @tab-click="handleClick" - v-model="activeNames" - > - <el-tab-pane label="缁勫悎" name="first"> - <div class="tab8"> - <el-row :gutter="20" style="width: 100%"> - <el-col :span="6"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 椤圭洰鍒楄〃 - </div> - <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterage"> - </el-input> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="packageList" - :props="defaultProp" - show-checkbox - node-key="id" - @check="handlepackage" - :default-checked-keys="checkedkeys" - :filter-node-method="filterpackage" - ref="treas" - :render-content="renderContents" - > - </el-tree> - </div> - </el-col> - <el-col :span="6"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 鏄庣粏椤圭洰鍒楄〃 - </div> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="packagedataList" - node-key="proId" - :props="defaultpackProps" - :render-content="renderContent" - > - </el-tree> - </div> - </el-col> - <el-col :span="11"> - <div class="grid-content bg-purple"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 宸查�夐」鐩垪琛� - </div> - <el-table - :data="Datalists" - border - style="width: 100%" - height="400" - :span-method="objectspanmethod" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> - </el-table-column> - <el-table-column - prop="proName" - label="鏄庣粏椤圭洰" - width="260px" - > - </el-table-column> - - <el-table-column prop="proPrice" label="鍘熶环" width="56px"> - </el-table-column> - - <el-table-column - label="鎿嶄綔" - align="center" - class-name="small-padding fixed-width" - width="50px" - > - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDel(scope.row)" - title="鍒犻櫎" - ></el-button> - </template> - </el-table-column> - </el-table> - - <!-- <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3> --> - </div> - </el-col> - </el-row> - </div> - </el-tab-pane> - <el-tab-pane label="鍗曢」" name="third"> - <el-row type="flex" class="row-bg" justify="space-around"> - <el-col :span="6"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 椤圭洰鍒楄〃 - </div> - <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> - </el-input> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="Treedata" - :props="defaultProps" - show-checkbox - node-key="proId" - @check="handleCurrentChecked" - :default-checked-keys="checkedkey" - :filter-node-method="filterNode" - ref="tree" - :render-content="renderContent" - > - </el-tree> - </div> - </el-col> - <el-col :span="5"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 鏄庣粏椤圭洰鍒楄〃 - </div> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="TreedataList" - node-key="proId" - :props="defaultProps" - :filter-node-method="filterNode" - show-checkbox - @check-change="handleCurrentChecked1" - :default-checked-keys="checkedListkey" - :render-content="renderContent" - > - </el-tree> - </div> - </el-col> - <el-col :span="11"> - <div class="grid-content bg-purple"> - <div - style=" - text-align: center; - margin-bottom: 10px; - margin-top: 10px; - " - > - 宸查�夐」鐩垪琛� - </div> - <el-table - :data="DataList" - border - style="width: 100%" - height="400" - :span-method="objectSpanMethod" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> - </el-table-column> - <el-table-column prop="sl" label="鏁伴噺" width="56px"> - </el-table-column> - <el-table-column prop="proPrice" label="鍘熶环" width="56px"> - </el-table-column> - <el-table-column - prop="proName" - label="鏄庣粏椤圭洰" - width="260px" - > - </el-table-column> - - - <el-table-column - label="鎿嶄綔" - align="center" - fixed="right" - class-name="small-padding fixed-width" - width="50px" - > - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - title="鍒犻櫎" - ></el-button> - </template> - </el-table-column> - </el-table> - <!-- <el-collapse v-model="activeName" accordion v-if="list1"> - <div> - <el-collapse-item title="璇烽�夋嫨椤圭洰"> - <el-table :data="DataList" border style="width: 100%"> - <el-table-column prop="proName" label="椤圭洰" width="180"> - </el-table-column> - <el-table-column prop="ordPrice" label="鍘熶环"> - </el-table-column> - </el-table> - </el-collapse-item> - </div> - </el-collapse> --> - <template> - <el-form :model="form"> - <el-form-item label="浣撴绫诲瀷" prop="tjType"> - <div class="type"> - {{ { 1: "鍥㈤槦", 2: "涓汉", 3: "鍥綋绁�" }[form.tjType] }} - </div> - - <!-- <el-radio-group v-model="form.tjType"> - <el-radio :label="1">鍥㈤槦</el-radio> - <el-radio :label="2">涓汉</el-radio> - </el-radio-group> --> - </el-form-item> - </el-form> - </template> - - <div class="outside"> - <el-form :inline="true" class="outside1"> - <el-form-item label="鍘熶环"> - <el-input - placeholder="鍘熶环" - :value="TotalPrice1" - disabled - style="width: 90px" - ></el-input> - </el-form-item> - <el-form-item label="鎶樻墸璁惧畾"> - <el-input - style="width: 90px" - type="number" - v-model="discount" - :value="discount" - ></el-input> - </el-form-item> - <el-form-item label="搴斾粯閲戦"> - <el-input - placeholder="搴斾粯閲戦" - :value="TotalPrice1 * (discount / 10)" - style="width: 90px" - ></el-input> - </el-form-item> - <el-form-item label="浠樻绫诲瀷"> - <el-select - style="width: 120px" - v-model="payType" - placeholder="璇烽�夋嫨浠樻绫诲瀷" - @change="onPayTypeChange" - > - <el-option - v-for="dict in dict.type.dict_pay_type" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> - </el-select> - </el-form-item> - <el-form-item> - <el-button - type="primary" - @click="submitPrice" - :disabled="confirm" - style="margin-top: 34px" - >鎻愪氦</el-button - > - </el-form-item> - </el-form> - </div> - </div> - </el-col> - </el-row> - </el-tab-pane> - </el-tabs> - </el-dialog> - - <!-- 娣诲姞琛ュ綍椤圭洰 --> - <el-dialog - :title="title" - :visible.sync="Projectopen1" - width="1100px" - style="height: 860px" - append-to-body - :close-on-click-modal="false" - > - <div class="box"> - <div class="box1"> - <div - style="text-align: center; margin-bottom: 10px; margin-top: 10px" - > - 椤圭洰閫夋嫨 - </div> - <el-tabs - type="border-card" - style="height: 560px; margin: 0 10px; width: 100%" - @tab-click="handleClick" - v-model="activeNames" - > - <el-tab-pane label="缁勫悎" name="first"> - <div class="tab8"> - <el-row :gutter="20" style="width: 100%"> - <el-col :span="22"> - <!-- <div + <!-- 娣诲姞琛ュ綍椤圭洰 --> + <el-dialog :title="title" :visible.sync="Projectopen" width="1100px" style="height: 860px" append-to-body + :close-on-click-modal="false"> + <div class="box"> + <div class="box1"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> + 椤圭洰閫夋嫨 + </div> + <el-tabs type="border-card" style="height: 560px; margin: 0 10px; width: 100%" @tab-click="handleClick" + v-model="activeNames"> + <el-tab-pane label="缁勫悎" name="first"> + <div class="tab8"> + <el-row :gutter="20" style="width: 100%"> + <el-col :span="22"> + <!-- <div style=" text-align: center; margin-bottom: 10px; @@ -913,29 +305,16 @@ > 椤圭洰鍒楄〃 </div> --> - <el-input - placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" - v-model="filterage" - > - </el-input> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="packageList" - :props="defaultProp" - show-checkbox - node-key="id" - @check="handlepackage" - :default-checked-keys="checkedkeys" - :filter-node-method="filterpackage" - ref="treas" - :render-content="renderContents" - > - </el-tree> - </div> - </el-col> - <!-- <el-col :span="11"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterage"> + </el-input> + <div class="tab3"> + <el-tree class="filter-tree" v-loading="loading" :data="packageList" :props="defaultProp" + show-checkbox node-key="id" @check-change="handlepackage" :default-checked-keys="checkedkeys" + :filter-node-method="filterpackage" ref="treas" :render-content="renderContents"> + </el-tree> + </div> + </el-col> + <!-- <el-col :span="11"> <div style=" text-align: center; @@ -957,15 +336,15 @@ </el-tree> </div> </el-col> --> - <!-- <el-col :span="11"> </el-col> --> - </el-row> - </div> - </el-tab-pane> - <el-tab-pane label="鍗曢」" name="third"> - <div class="tab8"> - <el-row type="flex" class="row-bg" justify="space-around"> - <el-col :span="22"> - <!-- <div + <!-- <el-col :span="11"> </el-col> --> + </el-row> + </div> + </el-tab-pane> + <el-tab-pane label="鍗曢」" name="third"> + <div class="tab8"> + <el-row type="flex" class="row-bg" justify="space-around"> + <el-col :span="22"> + <!-- <div style=" text-align: center; margin-bottom: 10px; @@ -974,29 +353,17 @@ > 椤圭洰鍒楄〃 </div> --> - <el-input - placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" - v-model="filterText" - > - </el-input> - <div class="tab3"> - <el-tree - class="filter-tree" - v-loading="loading" - :data="Treedata" - :props="defaultProps" - show-checkbox - node-key="proId" - @check="handleCurrentChecked" - :default-checked-keys="checkedkey" - :filter-node-method="filterNode" - ref="tree" - :render-content="renderContent" - > - </el-tree> - </div> - </el-col> - <!-- <el-col :span="11"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> + </el-input> + <div class="tab3"> + <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" + show-checkbox node-key="proId" @check-change="handleCurrentChecked" + :default-checked-keys="checkedkey" :filter-node-method="filterNode" ref="tree" + :render-content="renderContent"> + </el-tree> + </div> + </el-col> + <!-- <el-col :span="11"> <div style=" text-align: center; @@ -1024,7 +391,7 @@ </div> </div> </el-col> --> - <!-- <el-col :span="11"> + <!-- <el-col :span="11"> <div class="grid-content bg-purple"> <div style=" @@ -1072,7 +439,7 @@ </template> </el-table-column> </el-table> --> - <!-- <el-collapse v-model="activeName" accordion v-if="list1"> + <!-- <el-collapse v-model="activeName" accordion v-if="list1"> <div> <el-collapse-item title="璇烽�夋嫨椤圭洰"> <el-table @@ -1094,140 +461,209 @@ </el-collapse-item> </div> </el-collapse> --> - <!-- </div> + <!-- </div> </el-col> --> - </el-row> - </div> - </el-tab-pane> - </el-tabs> + </el-row> + </div> + </el-tab-pane> + </el-tabs> + </div> + + <div class="grid-content bg-purple"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 9px"> + 宸查�夐」鐩垪琛� + </div> + <el-table :data="DataList3" border style="width: 100%; table-layout: fixed" height="560" + :span-method="objectspanmethod"> + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�" width="200px" :show-overflow-tooltip="true"> + </el-table-column> + <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="200px" :show-overflow-tooltip="true"> + </el-table-column> + <el-table-column prop="sl" label="鏁伴噺" width="56px"> + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" width="50px"> + <template slot-scope="scope"> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" + title="鍒犻櫎"></el-button> + </template> + </el-table-column> + </el-table> + + <!-- <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3> --> + </div> + </div> + <el-form :model="form" inline style="display: flex; justify-content: space-between; margin-top: 20px"> + <!-- 浣撴绫诲瀷 --> + <el-form-item label="浣撴绫诲瀷" prop="tjType" style="display: flex"> + <div class="type"> + {{ { 1: "鍥㈤槦", 2: "涓汉", 3: "鍥綋绁�" }[form.tjType] }} + </div> + </el-form-item> + + <!-- 鍘熶环 --> + <el-form-item label="鍘熶环" style="display: flex"> + <el-input placeholder="鍘熶环" :value="TotalPrice1" disabled style="width: 90px"></el-input> + </el-form-item> + + <!-- 鎶樻墸璁惧畾 --> + <el-form-item label="鎶樻墸" style="display: flex"> + <el-input style="width: 90px" type="number" v-model="discount" :value="discount"></el-input> + </el-form-item> + + <!-- 搴斾粯閲戦 --> + <el-form-item label="搴斾粯" style="display: flex"> + <el-input placeholder="搴斾粯閲戦" :value="TotalPrice1 * (discount / 10)" style="width: 90px"></el-input> + </el-form-item> + + <!-- 浠樻绫诲瀷 --> + <el-form-item label="浠樻绫诲瀷" prop="payType" style="display: flex"> + <el-select style="width: 120px" v-model="payType" placeholder="璇烽�夋嫨浠樻绫诲瀷" @change="onPayTypeChange"> + <el-option v-for="dict in dict.type.dict_pay_type" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> + </el-select> + </el-form-item> + + <!-- 缁撶畻鏂瑰紡 --> + <el-form-item label="缁撶畻鏂瑰紡" prop="jsType" style="display: flex"> + <el-select v-model="jsType" placeholder="璇烽�夋嫨缁撶畻鏂瑰紡" style="width: 130px" clearable> + <el-option v-for="dict in dict.type.reservation_pay_type" :key="dict.value" :label="dict.label" + :value="dict.value" /> + </el-select> + </el-form-item> + + <!-- 鎻愪氦鎸夐挳 --> + <el-form-item style="display: flex"> + <el-button type="primary" :loading="isSubmit1" @click="submitPrice1" :disabled="confirm"> + 鎻愪氦 + </el-button> + </el-form-item> + </el-form> + </el-dialog> + + <!-- 娣诲姞琛ュ綍椤圭洰 --> + <el-dialog :title="title" :visible.sync="Projectopen1" width="1100px" style="height: 860px" append-to-body + :close-on-click-modal="false"> + <div class="box"> + <div class="box1"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> + 椤圭洰閫夋嫨 + </div> + <el-tabs type="border-card" style="height: 560px; margin: 0 10px; width: 100%" @tab-click="handleClick" + v-model="activeNames"> + <el-tab-pane label="缁勫悎" name="first"> + <div class="tab8"> + <el-row :gutter="20" style="width: 100%"> + <el-col :span="22"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterage"> + </el-input> + <div class="tab3"> + <el-tree class="filter-tree" v-loading="loading" :data="packageList" :props="defaultProp" + show-checkbox node-key="id" @check-change="handlepackage" :default-checked-keys="checkedkeys" + :filter-node-method="filterpackage" ref="treas" :render-content="renderContents"> + </el-tree> + </div> + </el-col> + </el-row> + </div> + </el-tab-pane> + <el-tab-pane label="鍗曢」" name="third"> + <div class="tab8"> + <el-row type="flex" class="row-bg" justify="space-around"> + <el-col :span="22"> + <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText"> + </el-input> + <div class="tab3"> + <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" + show-checkbox node-key="proId" @check-change="handleCurrentChecked" + :default-checked-keys="checkedkey" :filter-node-method="filterNode" ref="tree" + :render-content="renderContent"> + </el-tree> + </div> + </el-col> + </el-row> + </div> + </el-tab-pane> + </el-tabs> + </div> + + <div class="grid-content bg-purple"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 9px"> + 宸查�夐」鐩垪琛� + </div> + <el-table :data="DataList3" border style="width: 100%; table-layout: fixed" height="560" + :span-method="objectspanmethod"> + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�" width="200px" :show-overflow-tooltip="true"> + </el-table-column> + <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="200px" :show-overflow-tooltip="true"> + </el-table-column> + <el-table-column prop="sl" label="鏁伴噺" width="56px"> + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" width="50px"> + <template slot-scope="scope"> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)" + title="鍒犻櫎"></el-button> + </template> + </el-table-column> + </el-table> + + <!-- <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3> --> + </div> </div> - <div class="grid-content bg-purple"> - <div style="text-align: center; margin-bottom: 10px; margin-top: 9px"> - 宸查�夐」鐩垪琛� - </div> - <el-table - :data="DataList3" - border - style="width: 100%" - height="560" - :span-method="objectspanmethod" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> - </el-table-column> - <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="200px"> - </el-table-column> - <el-table-column prop="sl" label="鏁伴噺" width="56px"> - </el-table-column> - <el-table-column prop="proPrice" label="鍘熶环" width="56px"> - </el-table-column> + <el-form :model="form" inline style="display: flex; justify-content: space-between; margin-top: 20px"> + <!-- 浣撴绫诲瀷 --> + <el-form-item label="浣撴绫诲瀷" prop="tjType" style="display: flex"> + <div class="type"> + {{ { 1: "鍥㈤槦", 2: "涓汉", 3: "鍥綋绁�" }[form.tjType] }} + </div> + </el-form-item> - <el-table-column - label="鎿嶄綔" - align="center" - class-name="small-padding fixed-width" - width="50px" - > - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDel(scope.row)" - title="鍒犻櫎" - ></el-button> - </template> - </el-table-column> - </el-table> + <!-- 鍘熶环 --> + <el-form-item label="鍘熶环" style="display: flex"> + <el-input placeholder="鍘熶环" :value="TotalPrice1" disabled style="width: 90px"></el-input> + </el-form-item> - <!-- <h3 style="font-weight: 600">鍚堣锛歿{ marryalls }}鍏�</h3> --> - </div> - </div> + <!-- 鎶樻墸璁惧畾 --> + <el-form-item label="鎶樻墸" style="display: flex"> + <el-input style="width: 90px" type="number" v-model="discount" :value="discount"></el-input> + </el-form-item> - <el-form - :model="form" - inline - style="display: flex; justify-content: space-between; margin-top: 20px" - > - <!-- 浣撴绫诲瀷 --> - <el-form-item label="浣撴绫诲瀷" prop="tjType" style="display: flex"> - <div class="type"> - {{ { 1: "鍥㈤槦", 2: "涓汉", 3: "鍥綋绁�" }[form.tjType] }} - </div> - </el-form-item> + <!-- 搴斾粯閲戦 --> + <el-form-item label="搴斾粯" style="display: flex"> + <el-input placeholder="搴斾粯閲戦" :value="TotalPrice1 * (discount / 10)" style="width: 90px"></el-input> + </el-form-item> - <!-- 鍘熶环 --> - <el-form-item label="鍘熶环" style="display: flex"> - <el-input - placeholder="鍘熶环" - :value="TotalPrice1" - disabled - style="width: 90px" - ></el-input> - </el-form-item> + <!-- 浠樻绫诲瀷 --> + <el-form-item label="浠樻绫诲瀷" prop="payType" style="display: flex"> + <el-select style="width: 120px" v-model="payType" placeholder="璇烽�夋嫨浠樻绫诲瀷" @change="onPayTypeChange"> + <el-option v-for="dict in dict.type.dict_pay_type" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> + </el-select> + </el-form-item> - <!-- 鎶樻墸璁惧畾 --> - <el-form-item label="鎶樻墸" style="display: flex"> - <el-input - style="width: 90px" - type="number" - v-model="discount" - :value="discount" - ></el-input> - </el-form-item> + <!-- 缁撶畻鏂瑰紡 --> + <el-form-item label="缁撶畻鏂瑰紡" prop="jsType" style="display: flex"> + <el-select v-model="jsType" placeholder="璇烽�夋嫨缁撶畻鏂瑰紡" style="width: 130px" clearable> + <el-option v-for="dict in dict.type.reservation_pay_type" :key="dict.value" :label="dict.label" + :value="dict.value" /> + </el-select> + </el-form-item> - <!-- 搴斾粯閲戦 --> - <el-form-item label="搴斾粯" style="display: flex"> - <el-input - placeholder="搴斾粯閲戦" - :value="TotalPrice1 * (discount / 10)" - style="width: 90px" - ></el-input> - </el-form-item> + <!-- 鎻愪氦鎸夐挳 --> + <el-form-item style="display: flex"> + <el-button type="primary" :loading="isSubmit1" @click="submitPrice1" :disabled="confirm"> + 鎻愪氦 + </el-button> + </el-form-item> + </el-form> - <!-- 浠樻绫诲瀷 --> - <el-form-item label="浠樻绫诲瀷" prop="payType" style="display: flex"> - <el-select - style="width: 120px" - v-model="payType" - placeholder="璇烽�夋嫨浠樻绫诲瀷" - @change="onPayTypeChange" - > - <el-option - v-for="dict in dict.type.dict_pay_type" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> - </el-select> - </el-form-item> - - <!-- 缁撶畻鏂瑰紡 --> - <el-form-item label="缁撶畻鏂瑰紡" prop="jsType" style="display: flex"> - <el-select - v-model="jsType" - placeholder="璇烽�夋嫨缁撶畻鏂瑰紡" - style="width: 130px" - clearable - > - <el-option - v-for="dict in dict.type.reservation_pay_type" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> - </el-select> - </el-form-item> - - <!-- 鎻愪氦鎸夐挳 --> - <el-form-item style="display: flex"> - <el-button type="primary" @click="submitPrice1" :disabled="confirm"> - 鎻愪氦 - </el-button> - </el-form-item> - </el-form> - - <!-- <div class="heji"> + <!-- <div class="heji"> <div class="o"> <el-form :model="form" @@ -1308,304 +744,150 @@ </el-form> </div> </div> --> - </el-dialog> + </el-dialog> - <!-- 娣诲姞鎴栦慨鏀逛綋妫�璁板綍瀵硅瘽妗� --> - <el-dialog - :title="title" - :visible.sync="open" - width="950px" - append-to-body - :close-on-click-modal="false" - > - <el-tabs v-model="activeName1" type="card"> - <!-- <el-tab-pane label="璁㈠崟娴佹按" name="first"> - <el-table :data="numberList" style="width: 100%"> - <el-table-column prop="proName" label="椤圭洰/鑰楁潗" width="300"> - </el-table-column> - <el-table-column prop="price" label="鍗曚环" width="300"> - </el-table-column> - <el-table-column prop="count" label="鏁伴噺" width="300"> - </el-table-column> - </el-table> - <el-table :data="bill" style="width: 100%"> - <el-table-column prop="copeWith" label="搴斾粯" width="180"> - </el-table-column> - <el-table-column prop="discount" label="鎶樻墸" width="180"> - </el-table-column> - <el-table-column prop="paidIn" label="瀹炰粯" width="180"> - </el-table-column> - <el-table-column prop="payType" label="浠樻鏂瑰紡" width="180"> - <template slot-scope="scope"> - <span v-if="scope.row.payType == '0'">鐜伴噾鏀粯</span> - <span v-if="scope.row.payType == '1'">鍒峰崱鏀粯</span> - <span v-if="scope.row.payType == '2'">鏀粯瀹濇敮浠�</span> - <span v-if="scope.row.payType == '3'">寰俊鏀粯</span> - <span v-if="scope.row.payType == '4'">浜戦棯浠樻敮浠�</span> - </template> - </el-table-column> - <el-table-column prop="payStasus" label="浠樻鐘舵��" width="180"> - <template slot-scope="scope"> - <span v-if="scope.row.payStasus == '0'">鏈粯娆�</span> - <span v-if="scope.row.payStasus == '1'">宸蹭粯娆�</span> - <span v-if="scope.row.payStasus == '2'">閫�璐�</span> - <span v-if="scope.row.payStasus == '3'">棰勪粯娆�</span> - </template> - </el-table-column> - </el-table> - </el-tab-pane> --> - <el-tab-pane label="椤圭洰姹囨��" name="second" style="height: 400px"> - <el-table :data="huizongList" style="width: 100%" max-height="200"> - <el-table-column - align="center" - type="index" - label="搴忓彿" - width="50" - > - </el-table-column> - <el-table-column align="center" prop="parent_pro_name" label="椤圭洰"> - </el-table-column> - <el-table-column align="center" prop="ks" label="绉戝"> - </el-table-column> - <el-table-column align="center" prop="price" label="璐圭敤鍚堣"> - </el-table-column> - </el-table> - <h3>浠樻璇︽儏</h3> - <el-table :data="bill" style="width: 100%; margin-top: 10px"> - <el-table-column align="center" prop="copeWith" label="搴斾粯"> - </el-table-column> - <el-table-column align="center" prop="discount" label="鎶樻墸"> - </el-table-column> - <el-table-column align="center" prop="paidIn" label="瀹炰粯"> - </el-table-column> - </el-table> - </el-tab-pane> - <el-tab-pane label="鏄庣粏椤圭洰" name="third" style="height: 350px"> - <el-table - :data="infoList" - style="width: 100%" - max-height="330" - :span-method="objectSpanMethod1" - > - <el-table-column - align="center" - type="index" - label="搴忓彿" - width="50" - > - </el-table-column> - <el-table-column align="center" prop="parent_pro_name" label="鐖堕」"> - </el-table-column> - <el-table-column align="center" prop="pro_name" label="瀛愰」"> - </el-table-column> - <el-table-column align="center" prop="danjia" label="鍗曚环"> - </el-table-column> - <el-table-column align="center" prop="num" label="鏁伴噺"> - </el-table-column> - <el-table-column align="center" prop="zongjia" label="鎬讳环"> - </el-table-column> - <el-table-column - align="center" - prop="time" - label="寮�鍗曟椂闂�" - width="180" - > - </el-table-column> - </el-table> - </el-tab-pane> - </el-tabs> - <div slot="footer" class="dialog-footer"> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> - - <el-dialog - :title="title1" - :visible.sync="Projectssopen" - width="1100px" - style="height: 860px" - append-to-body - :close-on-click-modal="false" - > - <el-row type="flex" class="row-bg" justify="space-around"> - <el-col :span="13"> - <div - style="text-align: center; margin-bottom: 10px; margin-top: 10px" - > - 琛ュ綍鍒楄〃 - </div> - - <div class="tab3"> - <el-table - :data="DataLists" - border - style="width: 100%" - height="400" - @selection-change="handleProjectssChange" - > - <el-table-column type="selection" width="40" align="center" /> - <el-table-column - type="index" - label="搴忓彿" - align="center" - width="49px" - > - </el-table-column> - <el-table-column - prop="blje" - label="琛ュ綍閲戦" - align="center" - width="74px" - > - </el-table-column> - <el-table-column - prop="bldh" - label="琛ュ綍鍗曞彿" - align="center" - width="155px" - > - </el-table-column> - <el-table-column - prop="blsj" - label="琛ュ綍鏃堕棿" - align="center" - width="156px" - > - </el-table-column> - <el-table-column - prop="blrmc" - label="琛ュ綍浜�" - align="center" - width="96px" - > - </el-table-column> + <el-dialog :title="title" :visible.sync="open" width="1400px" append-to-body :close-on-click-modal="false" + class="custom-dialog"> + <el-tabs v-model="activeName1" type="card"> + <el-tab-pane label="椤圭洰姹囨��" name="second" style="height: 400px"> + <el-table :data="huizongList" style="width: 100%" max-height="350"> + <el-table-column align="center" type="index" label="搴忓彿" width="50"></el-table-column> + <el-table-column align="center" prop="parent_pro_name" label="椤圭洰"></el-table-column> + <el-table-column align="center" prop="ks" label="绉戝"></el-table-column> + <el-table-column align="center" prop="price" label="璐圭敤鍚堣"></el-table-column> </el-table> - </div> - </el-col> + <h3>浠樻璇︽儏</h3> + <el-table :data="bill" style="width: 100%; margin-top: 10px"> + <el-table-column align="center" prop="copeWith" label="搴斾粯"></el-table-column> + <el-table-column align="center" prop="discount" label="鎶樻墸"></el-table-column> + <el-table-column align="center" prop="paidIn" label="瀹炰粯"></el-table-column> + </el-table> + </el-tab-pane> + <el-tab-pane label="鏄庣粏椤圭洰" name="third" style="height: 450px"> + <!-- 绉婚櫎 overflow-y: auto --> + <el-table :data="infoList" style="width: 100" max-height="500" :span-method="objectSpanMethod1"> + <el-table-column align="center" type="index" label="搴忓彿" width="50"></el-table-column> + <el-table-column align="center" prop="parent_pro_name" label="鐖堕」"></el-table-column> + <el-table-column align="center" prop="pro_name" label="瀛愰」"></el-table-column> + <el-table-column align="center" prop="danjia" label="鍗曚环"></el-table-column> + <el-table-column align="center" prop="num" label="鏁伴噺"></el-table-column> + <el-table-column align="center" prop="zongjia" label="鎬讳环"></el-table-column> + <el-table-column align="center" prop="time" label="寮�鍗曟椂闂�" width="180"></el-table-column> + </el-table> + </el-tab-pane> + </el-tabs> + <div slot="footer" class="dialog-footer"> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </el-dialog> - <el-col :span="10"> - <div class="grid-content bg-purple"> - <div - style="text-align: center; margin-bottom: 10px; margin-top: 10px" - > - 琛ュ綍椤圭洰 + <el-dialog :title="title1" :visible.sync="Projectssopen" width="1100px" style="height: 860px" append-to-body + :close-on-click-modal="false"> + <el-row type="flex" class="row-bg" justify="space-around"> + <el-col :span="13"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> + 琛ュ綍鍒楄〃 </div> - <el-table - :data="DataListss" - border - style="width: 100%" - height="400" - :span-method="objectSpanMethod2" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> - </el-table-column> - <el-table-column prop="proPrice" label="鍘熶环" width="56px"> - </el-table-column> - <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px"> - </el-table-column> - </el-table> - </div> - </el-col> - </el-row> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">鎾� 閿�</el-button> - <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> - </div> - </el-dialog> - <el-dialog - :title="title1" - :visible.sync="budadaozhen" - width="1100px" - style="height: 860px" - append-to-body - :close-on-click-modal="false" - > - <el-row type="flex" class="row-bg" justify="space-around"> - <el-col :span="13"> - <div - style="text-align: center; margin-bottom: 10px; margin-top: 10px" - > - 琛ュ綍鍒楄〃 - </div> - - <div class="tab3"> - <el-table - :data="DataLists" - border - style="width: 100%" - height="400" - @selection-change="handleProjectssChange" - > - <el-table-column type="selection" width="40" align="center" /> - <el-table-column - type="index" - label="搴忓彿" - align="center" - width="49px" - > - </el-table-column> - <el-table-column - prop="blje" - label="琛ュ綍閲戦" - align="center" - width="74px" - > - </el-table-column> - <el-table-column - prop="bldh" - label="琛ュ綍鍗曞彿" - align="center" - width="155px" - > - </el-table-column> - <el-table-column - prop="blsj" - label="琛ュ綍鏃堕棿" - align="center" - width="156px" - > - </el-table-column> - <el-table-column - prop="blrmc" - label="琛ュ綍浜�" - align="center" - width="96px" - > - </el-table-column> - </el-table> - </div> - </el-col> - - <el-col :span="10"> - <div class="grid-content bg-purple"> - <div - style="text-align: center; margin-bottom: 10px; margin-top: 10px" - > - 琛ュ綍椤圭洰 + <div class="tab3"> + <el-table :data="DataLists" border style="width: 100%" height="400" + @selection-change="handleProjectssChange"> + <el-table-column type="selection" width="40" align="center" /> + <el-table-column type="index" label="搴忓彿" align="center" width="49px"> + </el-table-column> + <el-table-column prop="blje" label="琛ュ綍閲戦" align="center" width="74px"> + </el-table-column> + <el-table-column prop="bldh" label="琛ュ綍鍗曞彿" align="center" width="155px"> + </el-table-column> + <el-table-column prop="blsj" label="琛ュ綍鏃堕棿" align="center" width="156px"> + </el-table-column> + <el-table-column prop="blrmc" label="琛ュ綍浜�" align="center" width="96px"> + </el-table-column> + </el-table> </div> - <el-table - :data="DataListss" - border - style="width: 100%" - height="400" - :span-method="objectSpanMethod2" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> - </el-table-column> - <el-table-column prop="proPrice" label="鍘熶环" width="56px"> - </el-table-column> - <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px"> - </el-table-column> - </el-table> - </div> - </el-col> - </el-row> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="dayin">鎵� 鍗�</el-button> - <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> - </div> - </el-dialog> + </el-col> + + <el-col :span="10"> + <div class="grid-content bg-purple"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> + 琛ュ綍椤圭洰 + </div> + <el-table :data="DataListss" border style="width: 100%" height="400" :span-method="objectSpanMethod2"> + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px"> + </el-table-column> + </el-table> + </div> + </el-col> + </el-row> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitForm">鎾� 閿�</el-button> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> + </div> + </el-dialog> + + <el-dialog :title="title1" :visible.sync="budadaozhen" width="1100px" style="height: 860px" append-to-body + :close-on-click-modal="false"> + <el-row type="flex" class="row-bg" justify="space-around"> + <el-col :span="13"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> + 琛ュ綍鍒楄〃 + </div> + + <div class="tab3"> + <el-table :data="DataLists" border style="width: 100%" height="400" + @selection-change="handleProjectssChange"> + <el-table-column type="selection" width="40" align="center" /> + <el-table-column type="index" label="搴忓彿" align="center" width="49px"> + </el-table-column> + <el-table-column prop="blje" label="琛ュ綍閲戦" align="center" width="74px"> + </el-table-column> + <el-table-column prop="bldh" label="琛ュ綍鍗曞彿" align="center" width="155px"> + </el-table-column> + <el-table-column prop="blsj" label="琛ュ綍鏃堕棿" align="center" width="156px"> + </el-table-column> + <el-table-column prop="blrmc" label="琛ュ綍浜�" align="center" width="96px"> + </el-table-column> + </el-table> + </div> + </el-col> + + <el-col :span="10"> + <div class="grid-content bg-purple"> + <div style="text-align: center; margin-bottom: 10px; margin-top: 10px"> + 琛ュ綍椤圭洰 + </div> + <el-table :data="DataListss" border style="width: 100%" height="400" :span-method="objectSpanMethod2"> + <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + </el-table-column> + <el-table-column prop="proPrice" label="鍘熶环" width="56px"> + </el-table-column> + <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px"> + </el-table-column> + </el-table> + </div> + </el-col> + </el-row> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="dayin">鎵� 鍗�</el-button> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> + </div> + </el-dialog> + + <el-dialog title="璇烽�夋嫨瀵煎嚭鑼冨洿" :visible.sync="exportDialogVisible" width="30%"> + <el-radio-group v-model="exportType"> + <el-radio :label="'0'">褰撳墠椤垫暟鎹�</el-radio> + <el-radio :label="'1'">鍏ㄩ儴鏁版嵁</el-radio> + </el-radio-group> + <span slot="footer" class="dialog-footer"> + <el-button @click="exportDialogVisible = false">鍙栨秷</el-button> + <el-button type="primary" @click="confirmExport">纭畾</el-button> + </span> + </el-dialog> + </div> </div> </template> @@ -1617,6 +899,7 @@ getOrderList, getNewDateList, revokeTjOrderByTjNum, + huifuyuyuejilu, getTransitionInfo, getBlproByTjh, revokeBlProByBldhAndTjh, @@ -1632,6 +915,7 @@ getaddtTransition, getProParentIdDxList, getProSonDxList, + getaddtTransition1, } from "@/api/system/tijian"; import { SubmitCompany, @@ -1659,6 +943,9 @@ DataList3: [], bldhid: "", budadaozhen: false, + isLoading: false, + isSubmit: false, + isSubmit1: false, huizongList: [], DataLists: [], infoList: [], @@ -1731,9 +1018,11 @@ dataObj: {}, // 闈炲崟涓鐢� single: true, + singles: false, activeNames: "first", // 闈炲涓鐢� multiple: true, + tjNUms: [], // 鏄剧ず鎼滅储鏉′欢 showSearch: true, userId: "", @@ -1750,6 +1039,8 @@ // 鏃ユ湡鑼冨洿 datetimerange: [], marryalls: 0, + exportDialogVisible: false, // 鎺у埗寮规 + exportType: "0", // dqyorqbsj 鐨勫�硷紝榛樿褰撳墠椤� // 鏌ヨ鍙傛暟 queryParams: { pageNum: 1, @@ -2047,6 +1338,7 @@ // 寮哄埗鎾ら攢鎸夐挳 ForceChexiao() { + this.isLoading = true; const tjNum = this.tjnumbers; this.$confirm( "鎮ㄦ槸鍚﹂渶瑕佸己鍒舵挙閿�锛熸挙閿�鍚庤浜哄憳鏈浣撴璁板綍涓嶅彲鎭㈠锛�", @@ -2062,11 +1354,20 @@ .then(() => { getForceChexiao(tjNum).then((res) => { this.$modal.msgSuccess("鎾ら攢鎴愬姛"); + this.isLoading = false; this.getList(); + }).catch(() => { + console.log("鍔犺浇澶辫触") + this.isLoading = false; + }).finally(() => { + console.log("鍔犺浇澶辫触") + // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛� + this.isLoading = false; }); }) .catch((action) => { if (action === "cancel") { + this.isLoading = false; this.$message({ type: "warning", message: "宸插彇娑�", @@ -2084,7 +1385,44 @@ }); }, + ResumeAppointment() { + this.isLoading = true; + this.$confirm("鎮ㄧ‘璁よ鎭㈠棰勭害锛�", "纭淇℃伅", { + distinguishCancelAndClose: true, + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + }) + .then(() => { + huifuyuyuejilu(this.tjNUms).then((res) => { + this.$modal.msgSuccess("鎭㈠鎴愬姛"); + this.isLoading = false; + this.getList(); + }).catch(() => { + console.log("鍔犺浇澶辫触") + this.isLoading = false; + }).finally(() => { + console.log("鍔犺浇澶辫触") + // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛� + this.isLoading = false; + }); + }) + .catch((action) => { + if (action === "cancel") { + this.isLoading = false; + this.$message({ + type: "warning", + message: "宸插彇娑�", + }); + } + }) + .finally(() => { + // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛� + + }); + }, + handleRevoke() { + this.isLoading = true; this.$confirm("鎮ㄧ‘璁よ鎾ら攢锛�", "纭淇℃伅", { distinguishCancelAndClose: true, confirmButtonText: "纭", @@ -2093,16 +1431,28 @@ .then(() => { revokeTjOrderByTjNum(this.tjnumbers).then((res) => { this.$modal.msgSuccess("鎾ら攢鎴愬姛"); + this.isLoading = false; this.getList(); + }).catch(() => { + console.log("鍔犺浇澶辫触") + this.isLoading = false; + }).finally(() => { + console.log("鍔犺浇澶辫触") + // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛� + this.isLoading = false; }); }) .catch((action) => { if (action === "cancel") { + this.isLoading = false; this.$message({ type: "warning", message: "宸插彇娑�", }); } + }) + .finally(() => { + }); }, /** 鐐瑰嚮鏄剧ず浣撴鎶ュ憡鎶ヨ〃*/ @@ -2271,6 +1621,7 @@ // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { let tjNUms = selection.map((item) => item.tjNumber); + this.tjNUms = selection.map((item) => item.tjNumber); selection.forEach((item) => { this.orderIds = item.orderId; this.tjnumbers = item.tjNumber; @@ -2286,6 +1637,7 @@ this.ids = selection.map((item) => item.orderId); this.single = selection.length !== 1; this.multiple = !selection.length; + this.singles = selection.length !== 1; if (tjNUms.length > 0) { shijianzhou(tjNUms).then((res) => { this.shijianlist = res.data; @@ -2443,6 +1795,8 @@ // this.marryalls = 0; // this.Datalists = []; this.checkedkeys = []; + + this.DataList3 = []; getZhList().then((response) => { if (response.data) { this.packageList = response.data; @@ -2451,25 +1805,107 @@ }); } else { // this.TotalPrice1 = 0; - this.checkedkey = []; + this.checkedkeys = []; // this.DataList = []; + this.Datalists = []; + this.DataList3 = []; this.getDataList(); // if (this.marryalls != 0) { // this.TotalPrice1 += this.marryalls; // } } }, - handlepackage(data, checked, checkedNodes) { + if (checked == true) { + // this.$refs.treas.setCheckedKeys([data.id]); + let datas = { + zhId: data.id, + }; + + getlistByZhId(datas).then((res) => { + this.packagedataList = res.data.tjProjectList; + for (var i = 0; i < this.packagedataList.length; i++) { + let proId = this.packagedataList[i].proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.TreedataList.forEach((item) => { + this.Datalists.push(item); + }); + + // 鍚堝苟 Datalists 鍜� DataList 鍒� DataList3 + this.DataList3 = this.DataList.concat(this.Datalists); + + // 娓呯┖绱姞鍣� + this.marryalls = 0; + this.TotalPrice1 = 0; + + // 閲嶆柊璁$畻浠锋牸 + this.DataList3.forEach((item) => { + console.log(item.proPrice); + this.TotalPrice1 += item.proPrice * item.sl; + this.marryalls += item.proPrice * item.sl; + }); + + // 涓烘瘡涓」鐩坊鍔� propinName + this.Datalists.forEach((item1) => { + this.packagedataList.forEach((item3) => { + if (item1.proParentId == item3.proId) { + item1.propinName = item3.proName; + } + }); + }); + }); + } + }); + } else if (checked == false) { + let datas = { + zhId: data.id, + }; + + this.marryalls = 0; + + // 娓呯┖ Datalists 鍜� DataList3 + this.Datalists = []; + this.DataList3 = [...this.DataList]; // 閲嶆柊璁剧疆 DataList3锛屼粎鍖呭惈鍘熷 DataList + + getlistByZhId(datas).then((res) => { + this.packagedataList = res.data.tjProjectList; + for (var i = 0; i < this.packagedataList.length; i++) { + let proId = this.packagedataList[i].proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + this.checkedListkey = this.checkedListkey.filter( + (id) => id !== proId + ); + + // 浠� DataList3 涓Щ闄ょ浉鍏崇殑瀛愰」 + this.DataList3 = this.DataList3.filter( + (item) => item.proParentId !== proId + ); + + // 鏇存柊鎬讳环鏍� + this.TotalPrice1 = 0; // 娓呯┖浠锋牸 + this.DataList3.forEach((item) => { + this.TotalPrice1 += item.proPrice; + }); + }); + } + }); + } + }, + + /* handlepackage(data, checked, checkedNodes) { + console.log(checked, 3333); + if (checked.checkedNodes.length != 0) { this.$refs.treas.setCheckedKeys([data.id]); let datas = { zhId: data.id, }; - + getlistByZhId(datas).then((res) => { this.packagedataList = res.data.tjProjectList; - + for (var i = 0; i < this.packagedataList.length; i++) { let proId = this.packagedataList[i].proId; getProSonDxList(proId).then((res) => { @@ -2483,7 +1919,7 @@ this.marryalls += item1.proPrice; // this.TotalPrice1 = this.marryalls; this.TotalPrice1 = 0; - console.log(this.DataList3, 9999999999); + if (this.DataList3.length != 0) { this.DataList3.forEach((item) => { console.log(item.proPrice); @@ -2503,12 +1939,12 @@ }); } else if (checked.checkedNodes.length == 0) { } - }, + }, */ renderContent(h, { node, data, store }) { return ( <span class="custom-tree-node"> - 聽 <span>{node.label}</span> + <span>{node.label}</span> <span>({data.proPrice}鍏�)</span> </span> ); @@ -2525,6 +1961,12 @@ this.orderId = row.orderId; this.cusId = row.tjCusIdCard; this.userId = row.userId; + console.log(row, 666); + this.$nextTick(() => { + this.$refs.tableRef.clearSelection(); // 娓呴櫎鎵�鏈夐�変腑 + this.$refs.tableRef.toggleRowSelection(row, true); // 閫変腑褰撳墠琛� + }); + this.customer = { cusIdcard: row.tjCusIdCard, cusName: row.tjCustomerName, @@ -2610,9 +2052,10 @@ }, // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐� - handleCurrentChecked(data, checked, checkedNodes) { + /* handleCurrentChecked(data, checked, checkedNodes) { this.dataObj = data; - if (checked.checkedNodes.length != 0) { + this.checkedObj = checked; + if (checked == true) { this.$refs.tree.setCheckedKeys([data.proId]); let proId = data.proId; getProSonDxList(proId).then((res) => { @@ -2631,7 +2074,6 @@ this.TotalPrice1 = 0; if (this.DataList3.length != 0) { this.DataList3.forEach((item) => { - this.TotalPrice1 += item.proPrice * item.sl; }); } @@ -2646,11 +2088,91 @@ // } // } }); - } else if (checked.checkedNodes.length == 0) { + } else if (checked == false) { let proId = data.proId; getProSonDxList(proId).then((res) => { this.TreedataList = res.data.list; this.checkedListkey = []; + this.TreedataList.forEach((item) => { + item.disabled = true; + }); + this.DataList3.forEach((item, index) => { + if (item.proParentId == this.dataObj.proId) { + this.DataList3.splice(index, this.TreedataList.length); + } + }); + + // 鎵嬪姩鏇存柊鎬讳环鏍� + this.TotalPrice1 = 0; + this.DataList3.forEach((item, index) => { + this.TotalPrice1 += item.proPrice * item.sl; + }); + }); + } + }, */ + handleCurrentChecked(data, checked, checkedNodes) { + this.dataObj = data; + this.checkedObj = checked; + + if (checked === true) { + // this.$refs.tree.setCheckedKeys([data.proId]); + let proId = data.proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + + this.TreedataList.forEach((item) => { + // item.disabled = true; + // this.checkedListkey.push(item.proId); + if (!this.checkedListkey.includes(item.proId)) { + this.checkedListkey.push(item.proId); + } + this.Datalists.push(item); + + this.DataList3.push(item); + + this.spliceData(); + this.DataList3.forEach((item1) => { + this.TotalPrice1 += item1.proPrice * item1.sl; + if (item1.proParentId == data.proId) { + item1.propinName = data.proName; + item1.propinPrice = this.dataObj.proPrice; + } + }); + }); + + // 鏇存柊鎬讳环鏍� + this.TotalPrice1 = 0; + this.DataList3.forEach((item) => { + this.TotalPrice1 += item.proPrice * item.sl; + }); + }); + } else if (checked === false) { + // 褰撳彇娑堥�変腑鏃� + let proId = data.proId; + getProSonDxList(proId).then((res) => { + this.TreedataList = res.data.list; + + // 閬嶅巻 TreedataList 骞剁Щ闄ょ浉鍏崇殑瀛愰」 ID + this.TreedataList.forEach((item) => { + this.checkedListkey = this.checkedListkey.filter( + (id) => id !== item.proId + ); + }); + + this.Datalists = this.Datalists.filter( + (item) => item.proParentId !== proId + ); + + // 浠� DataList3 涓Щ闄ょ浉鍏崇殑瀛愰」 + this.DataList3 = this.DataList3.filter( + (item) => item.proParentId !== proId + ); + + // 鏇存柊鎬讳环鏍� + this.TotalPrice1 = 0; + this.DataList3.forEach((item) => { + this.TotalPrice1 += item.proPrice * item.sl; + }); }); } }, @@ -2676,9 +2198,7 @@ this.DataList.splice(index, 1); this.TotalPrice1 = 0; this.DataList.forEach((item1) => { - this.TotalPrice1 = item1.proPrice + this.TotalPrice1; - }); if (this.marryalls != 0) { this.TotalPrice1 += this.marryalls; @@ -2695,9 +2215,9 @@ this.spliceData(); this.TotalPrice1 = 0; this.DataList.forEach((item1) => { - console.log(item1.proPrice,3322); - console.log(this.TotalPrice1,1122); - + console.log(item1.proPrice, 3322); + console.log(this.TotalPrice1, 1122); + this.TotalPrice1 = item1.proPrice + this.TotalPrice1; }); if (this.marryalls != 0) { @@ -2824,6 +2344,7 @@ // 鏀惰垂鎸夐挳 submitPrice() { this.proIds = []; + this.isSubmit = true; if (this.DataList.length != 0) { this.DataList.forEach((item) => { this.proIds.push(item.proId); @@ -2859,6 +2380,7 @@ payType: this.payType, }; getwater(data).then((res) => { + this.isSubmit = false; this.$modal.msgSuccess("鎻愪氦鎴愬姛"); this.mobanId = res.data.mobanId; this.waterId = res.data.waterId; @@ -2874,6 +2396,7 @@ // 鏀惰垂鎸夐挳 submitPrice1() { this.proIds = []; + this.isSubmit1 = true; if (this.DataList.length != 0) { this.DataList.forEach((item) => { this.proIds.push(item.proId); @@ -2888,7 +2411,9 @@ cusId: this.cusIds, proIds: this.proIds, }; - getaddtTransition(data).then((response) => { + getaddtTransition1(data).then((response) => { + console.log(123456789); + if (response.code === 200) { // this.DataList3 = []; // this.DataList = []; @@ -2903,12 +2428,12 @@ discount, copeWith, tjType, - payStasus:this.jsType, + payStasus: this.jsType, orderId: this.orderIds, tjProIds: this.proIds, payType: this.payType, }; - + getwater(data).then((res) => { this.$modal.msgSuccess("鎻愪氦鎴愬姛"); this.mobanId = res.data.mobanId; @@ -2918,8 +2443,11 @@ const params = { viewNum, tjnumber }; this.$tab.openPage("鏀舵灏忕エ", "/report/charge", params); this.Projectopen1 = false; + this.Projectopen = false; + this.isSubmit1 = false; }); } + this.isSubmit1 = false; }); }, @@ -2967,14 +2495,47 @@ this.Projectssopen = false; }); }, - - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { + this.$confirm("璇烽�夋嫨瀵煎嚭鑼冨洿", "瀵煎嚭鏁版嵁", { + distinguishCancelAndClose: true, + confirmButtonText: "瀵煎嚭鍏ㄩ儴", + cancelButtonText: "浠呭鍑哄綋鍓嶉〉", + type: "warning", + }) + .then(() => { + // 鐢ㄦ埛鐐瑰嚮浜嗏�滃鍑哄叏閮ㄢ�� + this.exportData(true); + }) + .catch((action) => { + if (action === "cancel") { + // 鐢ㄦ埛鐐瑰嚮浜嗏�滀粎瀵煎嚭褰撳墠椤碘�� + this.exportData(false); + } + }); + }, + /** 瀵煎嚭鎸夐挳鎿嶄綔 */ + /* handleExport() { + console.log(this.queryParams); this.download( - "hosp/order/export", + "/hosp/order/exportOrderList", { ...this.queryParams, }, + `order_${new Date().getTime()}.xlsx` + ); + }, */ + confirmExport() { + this.exportDialogVisible = false; + + + const exportParams = { + ...this.queryParams, + dqyorqbsj: this.exportType, // 娣诲姞杩欎釜瀛楁 + }; + + this.download( + "/hosp/order/exportOrderList", + exportParams, `order_${new Date().getTime()}.xlsx` ); }, @@ -2982,6 +2543,29 @@ }; </script> <style lang="scss" scoped> +.custom-dialog { + /* 鑷畾涔夊脊鍑烘鐨勬渶灏忛珮搴� */ + min-height: 600px; + /* 浠庨粯璁ら珮搴﹀鍔犲埌 600px锛屽彲浠ユ牴鎹渶瑕佽皟鏁� */ +} + +/* 璋冩暣 el-tabs 鐨勫唴瀹瑰尯鍩熼珮搴� */ +::v-deep .el-tabs__content { + min-height: 500px; + /* 纭繚閫夐」鍗″唴瀹瑰尯鍩熸湁瓒冲楂樺害 */ +} + +/* 璋冩暣瀵硅瘽妗嗙殑涓讳綋閮ㄥ垎 */ +::v-deep .el-dialog__body { + padding: 20px; +} + +/* 鍙�夛細璋冩暣 footer 鐨勬牱寮� */ +.dialog-footer { + padding: 10px 20px; + text-align: right; +} + .pag { width: 100%; display: flex; @@ -3033,19 +2617,23 @@ // padding: 20px; // } ::v-deep .el-message-box__message { - color: red !important; /* 寮哄埗璁剧疆棰滆壊涓虹孩鑹� */ + color: red !important; + /* 寮哄埗璁剧疆棰滆壊涓虹孩鑹� */ } + // .custom-message-box .el-message-box__message { // color: red !important; /* 璁剧疆鏂囧瓧涓虹孩鑹� */ // } .o { margin-top: 8px; } + .outside { width: 500px; display: flex; margin-top: 8px; } + .outsides { width: 500px; display: flex; @@ -3064,11 +2652,13 @@ display: flex; margin-top: 8px; } + .outside2 { width: 500px; display: flex; margin-top: 8px; } + .heji { display: flex; flex-direction: row; @@ -3076,10 +2666,12 @@ align-items: center; margin-top: 10px; } + .box { display: flex; justify-content: space-between; } + .box1 { width: 50%; display: flex; @@ -3089,10 +2681,12 @@ ::v-deep .el-step__title.is-process { color: rgb(24, 144, 255); } + ::v-deep .el-step__head.is-process { color: rgb(24, 144, 255); border-color: rgb(24, 144, 255); } + .shijian { display: flex; align-items: flex-start; -- Gitblit v1.8.0