From f95fee588c5327b3a4f7b6c283b473c05abb8c76 Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期五, 27 六月 2025 17:48:38 +0800
Subject: [PATCH] 1
---
src/views/system/info/index.vue | 164 +++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 135 insertions(+), 29 deletions(-)
diff --git a/src/views/system/info/index.vue b/src/views/system/info/index.vue
index 81b68b8..775b407 100644
--- a/src/views/system/info/index.vue
+++ b/src/views/system/info/index.vue
@@ -37,6 +37,7 @@
icon="el-icon-search"
size="mini"
@click="handleQuery"
+ style="margin: 0 15px"
>鎼滅储</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
@@ -115,7 +116,12 @@
/>
<el-table-column label="宸" align="center" prop="difference" />
<el-table-column label="绛剧害浜�" align="center" prop="payer" />
- <el-table-column label="棰勭害鏃堕棿" align="center" prop="createTime" />
+ <el-table-column
+ label="棰勭害鏃堕棿"
+ align="center"
+ prop="createTime"
+ :formatter="formatDate"
+ />
</el-table>
<el-form
@@ -126,7 +132,7 @@
label-width="100px"
>
<el-row>
- <el-col :span="6">
+ <el-col :span="5">
<el-form-item label="璐熻矗浜�" style="display: flex">
<el-input
v-model="formInline.payer"
@@ -134,12 +140,12 @@
></el-input>
</el-form-item>
</el-col>
- <el-col :span="7">
+ <el-col :span="6">
<el-form-item label="浜ゆ槗閲戦" style="display: flex">
<el-input v-model="formInline.price" placeholder="閲戦"></el-input>
</el-form-item>
</el-col>
- <el-col :span="7">
+ <el-col :span="6">
<el-form-item label="浜ゆ槗绫诲瀷" prop="payType" style="display: flex">
<el-select
v-model="formInline.payType"
@@ -154,23 +160,101 @@
</el-select>
</el-form-item>
</el-col>
- <el-col :span="7">
+ <el-col :span="4">
+ <el-form-item style="display: flex">
+ <el-button
+ type="primary"
+ size="mini"
+ @click="SubmitEvent"
+ style="margin: 0 15px"
+ >鏀惰垂</el-button
+ >
+ </el-form-item>
+ </el-col>
+ <!-- <el-col :span="7">
<el-form-item>
- <el-button type="primary" size="mini" @click="SubmitEvent"
+ <el-button
+ type="primary"
+ size="mini"
+ @click="SubmitEvent"
+ style="margin: 0 15px"
>鏀惰垂</el-button
>
<el-button type="primary" size="mini" @click="handleDelete"
>閫�璐�</el-button
>
</el-form-item>
- </el-col>
+ </el-col> -->
</el-row>
</el-form>
+ <div style="display: flex; justify-content: space-between;">
+ <el-radio-group
+ v-model="jcStatus"
+ @input="radioChange"
+ style="margin-left: 20px; margin-top: 20px"
+ >
+ <el-radio-button label="0">宸叉鏈粨璐︿汉鍛�</el-radio-button>
+ <el-radio-button label="1">鏈浜哄憳</el-radio-button>
+ <el-radio-button label="2">鍏ㄩ儴浜哄憳</el-radio-button>
+ </el-radio-group>
+
+ <el-form
+ :model="queryParams1"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="68px"
+ style="margin-top: 20px; margin-right: 22%;"
+ >
+ <el-form-item label="缁撹处鏃堕棿">
+ <el-date-picker clearable v-model="queryParams1.reservationTime" type="date" value-format="yyyy-MM-dd"
+ placeholder="璇烽�夋嫨缁撹处鏃堕棿">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery1"
+ style="margin: 0 15px"
+ >鎼滅储</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery1"
+ >閲嶇疆</el-button
+ >
+ </el-form-item>
+ </el-form>
+ </div>
+
<el-row :gutter="20">
+ <el-col :span="12" :xs="24" style="padding: 0px 20px">
+ <div class="tj">
+ <span class="tj_txt">浣撴浜哄憳鎯呭喌琛�</span>
+ </div>
+
+ <el-table
+ v-loading="loading"
+ :data="peopleList"
+ border
+ max-height="260px"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="搴忓彿" align="center" prop="newID" width="50" />
+ <el-table-column label="濮撳悕" align="center" prop="name" width="100" />
+ <el-table-column label="鎬у埆" align="center" prop="sex" width="80" />
+ <el-table-column label="鐢佃瘽" align="center" prop="iphone" width="120" />
+ <el-table-column label="鐘舵��" align="center" prop="tjStatus" width="80" />
+ <el-table-column label="浣撴鏃堕棿" align="center" prop="tjTime">
+ </el-table-column>
+ </el-table>
+ </el-col>
+
<el-col :span="12" :xs="24">
<div class="tj">
- <span class="tj_txt">宸茬即璐硅褰�</span>
+ <span class="tj_txt">宸茬粨璐﹁褰�</span>
</div>
<el-table
@@ -192,24 +276,11 @@
<el-table-column label="浜ゆ槗浜哄憳" align="center" prop="payer" />
<el-table-column label="鎿嶄綔浜哄憳" align="center" prop="payee">
</el-table-column>
- <el-table-column label="鎿嶄綔鏃堕棿" align="center" prop="createTime" />
- </el-table>
- </el-col>
- <el-col :span="12" :xs="24" style="padding: 0px 20px">
- <div class="tj">
- <span class="tj_txt">浣撴浜哄憳鎯呭喌琛�</span>
- </div>
-
- <el-table
- v-loading="loading"
- :data="peopleList"
- border
- max-height="260px"
- >
- <el-table-column label="搴忓彿" align="center" prop="newID" />
- <el-table-column label="濮撳悕" align="center" prop="name" />
- <el-table-column label="鐘舵��" align="center" prop="tjStatus" />
- <el-table-column label="浣撴鏃堕棿" align="center" prop="tjTime">
+ <el-table-column label="缁撹处鏃堕棿" align="center" prop="createTime" />
+ <el-table-column label="鎿嶄綔" align="center">
+ <template>
+ <el-button type="primary">鎾ら攢缁撹处</el-button>
+ </template>
</el-table-column>
</el-table>
</el-col>
@@ -237,9 +308,20 @@
name: "Info",
dicts: ["dict_pay_type"],
data() {
+ let checkPhoneNum = (rule, value, callback) => {
+ let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
+ if (value == "" && value == undefined && !value) {
+ return callback("");
+ } else if (value != undefined && value != "") {
+ return callback();
+ } else if (!patter.test(value)) {
+ return callback("");
+ }
+ };
return {
// 缁戝畾鍗曢�夋寜閽�
tjStatus: "0",
+ jcStatus: 0,
formInline: {
payer: "",
price: "",
@@ -284,10 +366,17 @@
payer: null,
payee: null,
},
+ queryParams1:{
+ reservationTime:null
+ },
// 琛ㄥ崟鍙傛暟
form: {},
// 琛ㄥ崟鏍￠獙
- rules: {},
+ rules: {
+ reservationTime: [
+ { required: true, validator: checkPhoneNum, trigger: "change" },
+ ],
+ },
};
},
created() {
@@ -295,6 +384,14 @@
},
methods: {
/** 鏌ヨ浣撴鍗曚綅缂磋垂鏄庣粏鍒楄〃 */
+ formatDate(row) {
+ if (!row.createTime) return "";
+ const date = new Date(row.createTime);
+ const year = date.getFullYear();
+ const month = (date.getMonth() + 1).toString().padStart(2, "0");
+ const day = date.getDate().toString().padStart(2, "0");
+ return `${year}-${month}-${day}`;
+ },
getList() {
// this.loading = true;
// listInfo(this.queryParams).then(response => {
@@ -318,6 +415,8 @@
searchSelect(val) {
this.compId = val;
},
+
+ radioChange(val) {},
// 浣撴鍏徃鎷奸煶鎼滅储
getRemoteData(query) {
@@ -389,6 +488,13 @@
this.loading = false;
});
},
+ handleQuery1(){
+
+ },
+ resetQuery1() {
+ this.resetForm("queryForm1");
+ this.handleQuery1();
+ },
/** 閲嶇疆鎸夐挳鎿嶄綔 */
resetQuery() {
this.resetForm("queryForm");
@@ -396,7 +502,7 @@
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
- console.log(2222)
+ console.log(2222);
if (selection.length > 1) {
let del_row = selection.shift();
this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑
@@ -431,7 +537,7 @@
});
}
});
- console.log(11111)
+ console.log(11111);
if (this.teamNo) {
getTeamTjPeopleList(this.teamNo).then((res) => {
if (res.data) {
--
Gitblit v1.8.0