From 2f2b09869423f7e98c64f79dc96c62d9a1696f24 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期一, 13 一月 2025 18:08:42 +0800
Subject: [PATCH] 修改整体样式偏大问题
---
zhitan-vue/src/views/measuringinstruments/distributionroom/distributionroom.vue | 170 ++++++++++++++++++++++++++++++--------------------------
1 files changed, 91 insertions(+), 79 deletions(-)
diff --git a/zhitan-vue/src/views/measuringinstruments/distributionroom/distributionroom.vue b/zhitan-vue/src/views/measuringinstruments/distributionroom/distributionroom.vue
index 0b2d98f..f5f8e00 100644
--- a/zhitan-vue/src/views/measuringinstruments/distributionroom/distributionroom.vue
+++ b/zhitan-vue/src/views/measuringinstruments/distributionroom/distributionroom.vue
@@ -9,41 +9,53 @@
<el-input v-model="queryParams.name" placeholder="鍚嶇О" maxlength="30" />
</el-form-item>
<el-form-item>
- <el-button type="primary" icon="Search" @click="handleQuery">
- 鎼滅储
- </el-button>
+ <el-button type="primary" icon="Search" @click="handleQuery"> 鎼滅储 </el-button>
<el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
</el-form-item>
</el-form>
</div>
- <div class="table-box">
- <div class="mt20 mb20">
+ <div class="table-bg-style">
+ <div class="ml20 mb20 theme-dark-mt20">
<el-button type="primary" icon="Plus" @click="handleAdd">鏂板</el-button>
</div>
- <el-table v-loading="loading" :data="energyTypeList">
- <el-table-column label="缂栧彿" align="center" key="code" prop="code" :show-overflow-tooltip="true" />
- <el-table-column label="鍚嶇О" align="center" key="name" prop="name" :show-overflow-tooltip="true" />
- <el-table-column label="璐熻矗浜�" align="center" key="principals" prop="principals" :show-overflow-tooltip="true" />
- <el-table-column label="璐熻矗浜虹數璇�" align="center" key="principalsTel" prop="principalsTel"
- :show-overflow-tooltip="true" />
- <el-table-column label="澶囨敞" align="center" key="remark" prop="remark" :show-overflow-tooltip="true" />
- <el-table-column label="鎿嶄綔" align="center" width="200" class-name="small-padding fixed-width">
- <template #default="scope">
- <el-tooltip content="缂栬緫" placement="top">
- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">
- 缂栬緫
- </el-button>
- </el-tooltip>
- <el-tooltip content="鍒犻櫎" placement="top">
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">
- 鍒犻櫎
- </el-button>
- </el-tooltip>
- </template>
- </el-table-column>
- </el-table>
- <pagination v-show="queryParams.total > 0" :total="queryParams.total" v-model:page="queryParams.pageNo"
- v-model:limit="queryParams.pageSize" @pagination="getList" />
+ <div class="table-box">
+ <el-table v-loading="loading" :data="energyTypeList">
+ <el-table-column label="缂栧彿" align="center" key="code" prop="code" :show-overflow-tooltip="true" />
+ <el-table-column label="鍚嶇О" align="center" key="name" prop="name" :show-overflow-tooltip="true" />
+ <el-table-column
+ label="璐熻矗浜�"
+ align="center"
+ key="principals"
+ prop="principals"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="璐熻矗浜虹數璇�"
+ align="center"
+ key="principalsTel"
+ prop="principalsTel"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column label="澶囨敞" align="center" key="remark" prop="remark" :show-overflow-tooltip="true" />
+ <el-table-column label="鎿嶄綔" align="center" width="200" class-name="small-padding fixed-width">
+ <template #default="scope">
+ <el-tooltip content="缂栬緫" placement="top">
+ <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"> 缂栬緫 </el-button>
+ </el-tooltip>
+ <el-tooltip content="鍒犻櫎" placement="top">
+ <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"> 鍒犻櫎 </el-button>
+ </el-tooltip>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="queryParams.total > 0"
+ :total="queryParams.total"
+ v-model:page="queryParams.pageNo"
+ v-model:limit="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </div>
</div>
<el-dialog :title="title" v-model="open" width="600px" append-to-body>
<el-form :model="form" :rules="rules" ref="formRef" label-width="100px">
@@ -93,12 +105,12 @@
getDistributionRoom,
updateDistributionRoom,
delDistributionRoom,
-} from "@/api/measuringinstruments/distributionroom";
-const { proxy } = getCurrentInstance();
-const energyTypeList = ref([]);
-const open = ref(false);
-const loading = ref(false);
-const title = ref("");
+} from "@/api/measuringinstruments/distributionroom"
+const { proxy } = getCurrentInstance()
+const energyTypeList = ref([])
+const open = ref(false)
+const loading = ref(false)
+const title = ref("")
const data = reactive({
form: {},
queryParams: {
@@ -106,61 +118,61 @@
pageSize: 10,
total: 0,
name: null,
- code: null
+ code: null,
},
rules: {
- name: [
- { required: true, message: "鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
- ],
+ name: [{ required: true, message: "鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }],
code: [
{ required: true, message: "缂栧彿涓嶈兘涓虹┖", trigger: "blur" },
// { pattern: /^[a-z0-9]*$/, message: "缂栧彿蹇呴』涓烘暟瀛�/灏忓啓瀛楁瘝" },
],
- principalsTel: [{ required: false, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", trigger: "blur" }]
+ principalsTel: [
+ { required: false, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜", trigger: "blur" },
+ ],
},
-});
-const { queryParams, form, rules } = toRefs(data);
-getList();
+})
+const { queryParams, form, rules } = toRefs(data)
+getList()
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鍒楄〃
function getList() {
- loading.value = true;
+ loading.value = true
listDistributionRoom(proxy.addDateRange(queryParams.value)).then((res) => {
- loading.value = false;
- energyTypeList.value = res.data.records;
- queryParams.value.total = res.data.total;
- });
+ loading.value = false
+ energyTypeList.value = res.data.records
+ queryParams.value.total = res.data.total
+ })
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鎼滅储
function handleQuery() {
- queryParams.value.pageNo = 1;
- getList();
+ queryParams.value.pageNo = 1
+ getList()
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-閲嶇疆
function resetQuery() {
- proxy.resetForm("queryRef");
+ proxy.resetForm("queryRef")
queryParams.value = {
pageNo: 1,
pageSize: 10,
total: 0,
name: null,
- code: null
- };
- getList();
+ code: null,
+ }
+ getList()
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鏂板
function handleAdd() {
- reset();
- open.value = true;
- title.value = "鏂板閰嶇數瀹�";
+ reset()
+ open.value = true
+ title.value = "鏂板閰嶇數瀹�"
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-缂栬緫
function handleUpdate(row) {
- reset();
+ reset()
getDistributionRoom({ id: row.id }).then((response) => {
- form.value = response.data;
- open.value = true;
- title.value = "缂栬緫閰嶇數瀹�";
- });
+ form.value = response.data
+ open.value = true
+ title.value = "缂栬緫閰嶇數瀹�"
+ })
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鏂板/缂栬緫-淇濆瓨
function submitForm() {
@@ -168,24 +180,24 @@
if (valid) {
if (form.value.id != undefined) {
updateDistributionRoom(form.value).then((response) => {
- proxy.$modal.msgSuccess("淇敼鎴愬姛");
- open.value = false;
- getList();
- });
+ proxy.$modal.msgSuccess("淇敼鎴愬姛")
+ open.value = false
+ getList()
+ })
} else {
addDistributionRoom(form.value).then((response) => {
- proxy.$modal.msgSuccess("鏂板鎴愬姛");
- open.value = false;
- getList();
- });
+ proxy.$modal.msgSuccess("鏂板鎴愬姛")
+ open.value = false
+ getList()
+ })
}
}
- });
+ })
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鏂板/缂栬緫-鍙栨秷
function cancel() {
- open.value = false;
- reset();
+ open.value = false
+ reset()
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鏂板/缂栬緫-琛ㄥ崟閲嶇疆
function reset() {
@@ -193,21 +205,21 @@
name: null,
code: null,
remark: null,
- };
- proxy.resetForm("formRef");
+ }
+ proxy.resetForm("formRef")
}
// 璁￠噺鍣ㄥ叿妗ｆ-閰嶇數瀹ょ鐞�-鍒犻櫎
function handleDelete(row) {
proxy.$modal
.confirm('鏄惁纭鍒犻櫎閰嶇數瀹ゅ悕绉颁负"' + row.name + '"鐨勬暟鎹」锛�')
.then(function () {
- return delDistributionRoom({ ids: row.id });
+ return delDistributionRoom({ ids: row.id })
})
.then(() => {
- getList();
- proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ getList()
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛")
})
- .catch(() => { });
+ .catch(() => {})
}
</script>
<style scoped lang="scss">
--
Gitblit v1.9.3