From 51123d5ad145745f855280783c01cc2906b693d0 Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期三, 24 一月 2024 18:00:20 +0800
Subject: [PATCH] su
---
src/views/system/Checkout/index.vue | 384 ++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 299 insertions(+), 85 deletions(-)
diff --git a/src/views/system/Checkout/index.vue b/src/views/system/Checkout/index.vue
index 62ba6da..a2adf35 100644
--- a/src/views/system/Checkout/index.vue
+++ b/src/views/system/Checkout/index.vue
@@ -1,65 +1,170 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="68px"
+ >
<el-form-item label="濮撳悕" prop="name">
- <el-input style="width: 116px" ref="inputName" v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�"
- @keyup.enter.native="handleQuery" />
+ <el-input
+ style="width: 116px"
+ ref="inputName"
+ v-model="queryParams.name"
+ placeholder="璇疯緭鍏ュ鍚�"
+ @keyup.enter.native="handleQuery"
+ />
</el-form-item>
<el-form-item label="浣撴鍙�" prop="tjNum">
- <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" @keyup.enter.native="handleQuery" @blur="handleQuery"
- style="width:170px" clearable />
+ <el-input
+ ref="inputName"
+ v-model="queryParams.tjNum"
+ placeholder="璇疯緭鍏ヤ綋妫�鍙�"
+ @keyup.enter.native="handleQuery"
+ @blur="hb"
+ style="width: 170px"
+ clearable
+ />
</el-form-item>
<el-form-item label="鐧昏鏃堕棿" prop="createTimeList">
- <el-date-picker clearable v-model="createTimeList" @change="dateChangebirthday1" style="width: 240px"
- value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"
- :picker-options="pickerOptions"></el-date-picker>
+ <el-date-picker
+ clearable
+ v-model="createTimeList"
+ @change="dateChangebirthday1"
+ style="width: 240px"
+ value-format="yyyy-MM-dd"
+ type="daterange"
+ range-separator="-"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ :picker-options="pickerOptions"
+ ></el-date-picker>
</el-form-item>
<!-- <el-form-item label="鎶ュ憡鏃堕棿" prop="reportTimeList">
<el-date-picker clearable v-model="queryParams.reportTimeList" type="daterange" range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑烘姤鍛婃椂闂�" style="width: 240px">
</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-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
</el-form-item>
</el-form>
- <el-row :gutter="10" style="margin: 0 16px;">
+ <el-row :gutter="10" style="margin: 0 16px">
<!-- <el-col :span="1.5">
<el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['hosp:order:export']" style="margin-left:14px">瀵煎嚭</el-button>
</el-col> -->
<el-col :span="1.5">
- <el-button type="primary" size="mini" @click="handleDelete" :disabled="multiple">绛剧鐧昏</el-button>
+ <el-button
+ type="primary"
+ size="mini"
+ @click="handleDelete"
+ :disabled="multiple"
+ >绛剧鐧昏</el-button
+ >
</el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" style="margin-right:40px"></right-toolbar>
+ <right-toolbar
+ :showSearch.sync="showSearch"
+ @queryTable="getList"
+ style="margin-right: 40px"
+ ></right-toolbar>
</el-row>
<template>
- <el-table ref="tb" border style="margin: 14px; width: 98%" v-loading="loading" :data="orderList"
- @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="40" align="center" fixed="left" />
- <el-table-column label="搴忓彿" align="center" prop="newID" width="50px" fixed="left" />
- <el-table-column label="濮撳悕" align="center" prop="tjCustomerName" width="100px" :show-overflow-tooltip="true"
- fixed="left" />
- <el-table-column label="鎬у埆" align="center" prop="tjCustomerSex" width="55px" :show-overflow-tooltip="true">
+ <el-table
+ ref="tb"
+ border
+ style="margin: 14px; width: 98%"
+ v-loading="loading"
+ :data="orderList"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column
+ type="selection"
+ width="40"
+ align="center"
+ fixed="left"
+ />
+ <el-table-column
+ label="搴忓彿"
+ align="center"
+ prop="newID"
+ width="50px"
+ fixed="left"
+ />
+ <el-table-column
+ label="濮撳悕"
+ align="center"
+ prop="tjCustomerName"
+ width="100px"
+ :show-overflow-tooltip="true"
+ fixed="left"
+ />
+ <el-table-column
+ label="鎬у埆"
+ align="center"
+ prop="tjCustomerSex"
+ width="55px"
+ :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" width="120px" :show-overflow-tooltip="true" />
- <el-table-column label="浣撴绫诲瀷" align="center" prop="tjType" width="80px" :show-overflow-tooltip="true">
+ <el-table-column
+ label="骞撮緞"
+ align="center"
+ prop="tjCustomerAge"
+ width="55px"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鐢佃瘽"
+ align="center"
+ prop="tjCustomerPhone"
+ width="120px"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="浣撴绫诲瀷"
+ align="center"
+ prop="tjType"
+ width="80px"
+ :show-overflow-tooltip="true"
+ >
<template slot-scope="scope">
<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" width="160px" :show-overflow-tooltip="true" />
+ <el-table-column
+ label="浣撴鍙�"
+ align="center"
+ prop="tjNumber"
+ width="160px"
+ :show-overflow-tooltip="true"
+ />
- <el-table-column label="鐧昏鏃堕棿" align="center" prop="createTime" width="155px" :show-overflow-tooltip="true">
+ <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>
@@ -74,58 +179,139 @@
<span>{{ parseTime(scope.row.reportTime) }}</span>
</template>
</el-table-column> -->
- <el-table-column label="鎵�閫夊椁�" align="center" prop="pacName" width="150px" :show-overflow-tooltip="true" />
- <el-table-column label="鍗曚綅宸ュ彿" align="center" prop="firmWorkId" width="100px" :show-overflow-tooltip="true" />
- <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="dictCompName" :show-overflow-tooltip="true" height="10px" />
-
-
+ <el-table-column
+ label="鎵�閫夊椁�"
+ align="center"
+ prop="pacName"
+ width="150px"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍗曚綅宸ュ彿"
+ align="center"
+ prop="firmWorkId"
+ width="100px"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍗曚綅鍚嶇О"
+ align="center"
+ prop="dictCompName"
+ :show-overflow-tooltip="true"
+ height="10px"
+ />
</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
+ 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>
</div>
</div>
- <el-dialog title="PDF 棰勮" :visible.sync="dialogVisible" :close-on-click-modal="false">
+ <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>
+ <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">
+ <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>
+ <iframe
+ id="printIframe"
+ :src="url"
+ frameborder="0"
+ style="width: 100%; height: 100%"
+ ></iframe>
</div>
</el-dialog>
<!-- 娣诲姞鎴栦慨鏀逛綋妫�璁板綍瀵硅瘽妗� -->
<el-dialog :title="title" :visible.sync="open" width="660px">
- <el-form :model="formIn" ref="queryForm" size="small" :inline="true" label-width="68px">
+ <el-form
+ :model="formIn"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ label-width="68px"
+ >
<el-form-item label="浣撴鍙�" prop="tjNumber">
- <el-input ref="inputName" v-model="formIn.tjNumber" style="width:212px" clearable />
+ <el-input
+ ref="inputName"
+ v-model="formIn.tjNumber"
+ style="width: 212px"
+ clearable
+ />
</el-form-item>
<el-form-item label="鐧昏鏃堕棿" prop="createTime">
- <el-input ref="inputName" v-model="formIn.createTime" style="width:212px" clearable />
+ <el-input
+ ref="inputName"
+ v-model="formIn.createTime"
+ style="width: 212px"
+ clearable
+ />
</el-form-item>
- <br>
+ <br />
<el-form-item label="濮撳悕" prop="tjCustomerName">
- <el-input style="width: 116px" ref="inputName" v-model="formIn.tjCustomerName" />
+ <el-input
+ style="width: 116px"
+ ref="inputName"
+ v-model="formIn.tjCustomerName"
+ />
</el-form-item>
<el-form-item label="鎬у埆" prop="tjCustomerSex">
- <el-input style="width: 116px" ref="inputName" v-model="formIn.tjCustomerSex" />
+ <el-input
+ style="width: 116px"
+ ref="inputName"
+ v-model="formIn.tjCustomerSex"
+ />
</el-form-item>
<el-form-item label="骞撮緞" prop="tjCustomerAge">
- <el-input style="width: 116px" ref="inputName" v-model="formIn.tjCustomerAge" placeholder="璇疯緭鍏ュ鍚�" />
+ <el-input
+ style="width: 116px"
+ ref="inputName"
+ v-model="formIn.tjCustomerAge"
+ placeholder="璇疯緭鍏ュ鍚�"
+ />
</el-form-item>
</el-form>
- <el-table :data="numberList" style="width: 100%;margin-bottom: 10px;" height="400px" border :row-class-name="tableRowClassName">
- <el-table-column prop="proCheckType" label="妫�鏌ョ被鍨�" width="180" align="center">
+ <el-table
+ :data="numberList"
+ style="width: 100%; margin-bottom: 10px"
+ height="400px"
+ border
+ :row-class-name="tableRowClassName"
+ >
+ <el-table-column
+ prop="proCheckType"
+ label="妫�鏌ョ被鍨�"
+ width="180"
+ align="center"
+ >
</el-table-column>
<el-table-column prop="proName" label="椤圭洰" width="180" align="center">
</el-table-column>
@@ -136,27 +322,52 @@
</el-table-column>
<el-table-column label="寮冩" prop="type2" width="86" align="center">
<template slot-scope="scope">
- <el-checkbox @change="handelcheckbox" v-model="scope.row.type2" :disabled="leave">
+ <el-checkbox
+ @change="handelcheckbox"
+ v-model="scope.row.type2"
+ :disabled="leave"
+ >
<!-- <el-checkbox v-model="scope.row.type2"></el-checkbox> -->
</el-checkbox>
</template>
</el-table-column>
<el-table-column label="寤舵湡" prop="type3" width="86" align="center">
<template slot-scope="scope">
- <el-checkbox @change="handelcheck" v-model="scope.row.type3" :disabled="leave">
+ <el-checkbox
+ @change="handelcheck"
+ v-model="scope.row.type3"
+ :disabled="leave"
+ >
</el-checkbox>
</template>
</el-table-column>
</el-table>
<div v-show="tcShow">
- <el-form :model="postpone" ref="queryForm" v-show="postpone" size="small" label-width="68px">
+ <el-form
+ :model="postpone"
+ ref="queryForm"
+ v-show="postpone"
+ size="small"
+ label-width="68px"
+ >
<el-form-item label="寤舵湡澶╂暟" prop="day">
- <el-input ref="inputName" v-model="postpone.day" style="width:170px" clearable />
+ <el-input
+ ref="inputName"
+ v-model="postpone.day"
+ style="width: 170px"
+ clearable
+ />
</el-form-item>
- <br>
+ <br />
<el-form-item label="寤舵湡鍘熷洜" prop="cause">
- <el-input style="width:100%" ref="inputName" v-model="postpone.cause" maxlength="10" show-word-limit />
+ <el-input
+ style="width: 100%"
+ ref="inputName"
+ v-model="postpone.cause"
+ maxlength="10"
+ show-word-limit
+ />
</el-form-item>
</el-form>
</div>
@@ -191,8 +402,8 @@
name: "Order",
data() {
return {
- selectList:[],
- leave:false,
+ selectList: [],
+ leave: false,
checked: false,
radioId1: false,
createTimeList: "",
@@ -206,7 +417,7 @@
flag: true,
bill: null,
Treedata: [],
- DataList:[],
+ DataList: [],
defaultProps: {
children: "tjProjectList",
label: "proName",
@@ -217,7 +428,7 @@
List: [],
postpone: {
day: null,
- caches: null
+ caches: null,
},
tcShow: false,
// remarkId: "",
@@ -426,10 +637,15 @@
};
this.resetForm("form");
},
+ hb(){
+ if (this.queryParams.tjNum != undefined) {
+ this.handleQuery();
+ }
+ },
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
+ this.queryParams.pageNum = 1;
+ this.getList();
},
/** 閲嶇疆鎸夐挳鎿嶄綔 */
resetQuery() {
@@ -534,9 +750,9 @@
// })
for (let i = 0; i <= this.numberList.length; i++) {
if (this.numberList[i].type2 === true) {
- this.numberList[i].type3 = false
- this.tcShow = false
- return
+ this.numberList[i].type3 = false;
+ this.tcShow = false;
+ return;
}
}
// this.type2 = val
@@ -565,9 +781,9 @@
// })
for (let i = 0; i <= this.numberList.length; i++) {
if (this.numberList[i].type3 === true) {
- this.numberList[i].type2 = false
- this.tcShow = true
- return
+ this.numberList[i].type2 = false;
+ this.tcShow = true;
+ return;
}
}
// this.numberList.forEach(item => {
@@ -585,21 +801,19 @@
// }
// }
// })
-
},
-
/** 绛剧鎸夐挳鎿嶄綔 */
handleDelete() {
this.title = "绛剧鐧昏";
this.List.forEach((item) => {
- this.formIn = item
+ this.formIn = item;
if (this.formIn.tjCustomerSex === 0) {
- this.formIn.tjCustomerSex = "鐢�"
- } else if(this.formIn.tjCustomerSex === 1) {
- this.formIn.tjCustomerSex = "濂�"
- }else if(this.formIn.tjCustomerSex === 2){
- this.formIn.tjCustomerSex = "鏈煡"
+ this.formIn.tjCustomerSex = "鐢�";
+ } else if (this.formIn.tjCustomerSex === 1) {
+ this.formIn.tjCustomerSex = "濂�";
+ } else if (this.formIn.tjCustomerSex === 2) {
+ this.formIn.tjCustomerSex = "鏈煡";
}
this.tjNumber = item.tjNumber;
});
@@ -609,20 +823,20 @@
goabandon(data).then((res) => {
if (res.data.length != 0) {
this.numberList = res.data;
- this.numberList.forEach(item => {
+ this.numberList.forEach((item) => {
if (item.type === 1) {
item.type = true;
item.type2 = false;
item.type3 = false;
this.leave = true;
- }else{
+ } else {
this.leave = false;
}
item = {
type2: false,
type3: false,
- }
- })
+ };
+ });
this.open = true;
} else {
let data = {
@@ -643,29 +857,29 @@
this.List.forEach((item) => {
this.tjNumber = item.tjNumber;
});
- this.numberList.forEach(element => {
+ this.numberList.forEach((element) => {
if (element.type2 === true) {
- this.type = 2
+ this.type = 2;
this.DataList.push({
tjNumber: this.tjNumber,
type: this.type,
- remarkId: element.remarkId
- })
+ remarkId: element.remarkId,
+ });
} else if (element.type3 === true) {
- this.type1 = 3
+ this.type1 = 3;
this.DataList.push({
tjNumber: this.tjNumber,
day: this.postpone.day,
remark: this.postpone.cause,
type: this.type1,
remarkId: element.remarkId,
- })
+ });
}
});
let data = {
- domainVos:this.DataList,
- tjNumber:this.tjNumber
- }
+ domainVos: this.DataList,
+ tjNumber: this.tjNumber,
+ };
gettjGoOut(data).then((res) => {
if (res.code === 200) {
this.$modal.msgSuccess("鎿嶄綔鎴愬姛");
--
Gitblit v1.8.0