From 07e7a6323d6f98fe2dfdf2733daf457a4e4f42f4 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 28 三月 2024 14:13:38 +0800
Subject: [PATCH] style:登录页面样式
---
src/views/system/default-rule/index.vue | 68 +++++++++++++++++++--------------
1 files changed, 39 insertions(+), 29 deletions(-)
diff --git a/src/views/system/default-rule/index.vue b/src/views/system/default-rule/index.vue
index 1b26798..ebd70e4 100644
--- a/src/views/system/default-rule/index.vue
+++ b/src/views/system/default-rule/index.vue
@@ -35,7 +35,6 @@
icon="el-icon-plus"
size="mini"
@click="handleAdd"
- v-hasPermi="['system:rule:add']"
>鏂板</el-button>
</el-col>
<el-col :span="1.5">
@@ -46,7 +45,6 @@
size="mini"
:disabled="single"
@click="handleUpdate"
- v-hasPermi="['system:rule:edit']"
>淇敼</el-button>
</el-col>
<el-col :span="1.5">
@@ -57,7 +55,6 @@
size="mini"
:disabled="multiple"
@click="handleDelete"
- v-hasPermi="['system:rule:remove']"
>鍒犻櫎</el-button>
</el-col>
<el-col :span="1.5">
@@ -76,6 +73,9 @@
<el-table v-loading="loading" :data="ruleList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="瑙勫垯鍚嶇О" align="center" prop="ruleName" />
+ <el-table-column label="杩愮淮鍏徃" align="center" prop="companyName" >
+ {{'鎴愰兘x杩愮淮鍏徃'}}
+ </el-table-column>
<el-table-column label="瑙勫垯鎻忚堪" align="center" prop="ruleDesc" />
<el-table-column label="瑙勫垯鐘舵��" align="center" prop="ruleStatus" />
<el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="180">
@@ -91,7 +91,6 @@
type="text"
icon="el-icon-zoom-in"
@click="handleUse(scope.row.id, true)"
- v-hasPermi="['system:rule:use']"
>鍚敤</el-button>
<el-button
v-else
@@ -99,28 +98,24 @@
type="text"
icon="el-icon-zoom-in"
@click="handleUse(scope.row.id, false)"
- v-hasPermi="['system:rule:use']"
>鍋滅敤</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-zoom-in"
@click="handleDetail(scope.row)"
- v-hasPermi="['system:rule:detail']"
>璇︽儏</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
- v-hasPermi="['system:rule:edit']"
>淇敼</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
- v-hasPermi="['system:rule:remove']"
>鍒犻櫎</el-button>
</template>
</el-table-column>
@@ -135,23 +130,30 @@
/>
<!-- 瑙勫垯璇︽儏 -->
- <el-dialog title="瑙勫垯璇︽儏" :visible.sync="detailOpen" width="500px" append-to-body>
+ <el-dialog title="瑙勫垯璇︽儏" :visible.sync="detailOpen" width="50%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="瑙勫垯鍚嶇О" prop="ruleName">
- <el-input disabled v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
+ <el-input class="input" disabled v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
+ </el-form-item>
+ <el-form-item label="杩愮淮鍏徃" prop="companyName">
+ <el-input class="input" disabled :value ="companyName" placeholder="璇疯緭鍏ヨ繍缁村叕鍙稿悕绉�"></el-input>
</el-form-item>
<el-form-item label="瑙勫垯鎻忚堪" prop="ruleDesc">
- <el-input disabled v-model="form.ruleDesc" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" />
+ <el-input class="input" disabled v-model="form.ruleDesc" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" />
</el-form-item>
<el-form-item label="瑙勫垯璁剧疆">
- <div style="margin-top: 30px">
+ <div >
<div class="line">
- <div class="line-left">宸ュ崟鏈強鏃跺鐞嗘暟锛�</div>
- <div class="line-right"><el-input disabled v-model="jsonRule.overTime" type="number"/></div>
+ <div class="line-left">鏃堕挓鍚屾锛堣秴杩嚶�3绉掍负涓嶅悎鏍硷級24灏忔椂鍐呮湭淇鐨勶細鎵ｉ櫎鐩稿叧闀滃ご鏁伴噺*</div>
+ <div class="line-right"><el-input disabled v-model="jsonRule.overTime" type="text"/></div>鍒�
</div>
<div class="line">
- <div class="line-left">杩愮淮澶辫触鏁伴噺瓒呰繃锛�</div>
- <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="number"/></div>
+ <div class="line-left">OSD鏍囪瘑涓嶆弧瓒炽�奊AT 751-2008 瑙嗛鍥惧儚鏂囧瓧鏍囨敞瑙勮寖銆嬶紝24灏忔椂鍐呮湭淇鐨勶細鏍囨墸闄ょ浉鍏抽暅澶存暟閲�*</div>
+ <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>鍒�
+ </div>
+ <div class="line">
+ <div class="line-left">鐢ㄦ埛鎶芥锛屼竴鏈轰竴妗ｆ暟鎹」涓嶅悎鏍硷紙鎻愪緵铏氬亣鏁版嵁鎴栭敊璇暟鎹负涓嶅悎鏍硷級锛�24灏忔椂鍐呮湭淇鐨勶細鎵ｉ櫎鐩稿叧闀滃ご鏁伴噺*</div>
+ <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>鍒�
</div>
</div>
</el-form-item>
@@ -162,23 +164,30 @@
</el-dialog>
<!-- 娣诲姞鎴栦慨鏀硅繚绾﹁鍒欏璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+ <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="瑙勫垯鍚嶇О" prop="ruleName">
- <el-input v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
+ <el-input class="input" v-model="form.ruleName" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" />
+ </el-form-item>
+ <el-form-item label="杩愮淮鍏徃" prop="companyName">
+ <el-input class="input" :value ="companyName" placeholder="璇疯緭鍏ヨ繍缁村叕鍙稿悕绉�"></el-input>
</el-form-item>
<el-form-item label="瑙勫垯鎻忚堪" prop="ruleDesc">
- <el-input v-model="form.ruleDesc" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" />
+ <el-input class="input" v-model="form.ruleDesc" placeholder="璇疯緭鍏ヨ鍒欐弿杩�" />
</el-form-item>
<el-form-item label="瑙勫垯璁剧疆">
- <div style="margin-top: 30px">
+ <div >
<div class="line">
- <div class="line-left">宸ュ崟鏈強鏃跺鐞嗘暟锛�</div>
- <div class="line-right"><el-input v-model="jsonRule.overTime" type="number"/></div>
+ <div class="line-left">鏃堕挓鍚屾锛堣秴杩嚶�3绉掍负涓嶅悎鏍硷級24灏忔椂鍐呮湭淇鐨勶細鎵ｉ櫎鐩稿叧闀滃ご鏁伴噺*</div>
+ <div class="line-right"><el-input v-model="jsonRule.overTime" type="text"/></div>鍒�
</div>
<div class="line">
- <div class="line-left">杩愮淮澶辫触鏁伴噺瓒呰繃锛�</div>
- <div class="line-right"><el-input v-model="jsonRule.failNum" type="number"/></div>
+ <div class="line-left">OSD鏍囪瘑涓嶆弧瓒炽�奊AT 751-2008 瑙嗛鍥惧儚鏂囧瓧鏍囨敞瑙勮寖銆嬶紝24灏忔椂鍐呮湭淇鐨勶細鏍囨墸闄ょ浉鍏抽暅澶存暟閲�*</div>
+ <div class="line-right"><el-input v-model="jsonRule.failNum" type="text"/></div>鍒�
+ </div>
+ <div class="line">
+ <div class="line-left">鐢ㄦ埛鎶芥锛屼竴鏈轰竴妗ｆ暟鎹」涓嶅悎鏍硷紙鎻愪緵铏氬亣鏁版嵁鎴栭敊璇暟鎹负涓嶅悎鏍硷級锛�24灏忔椂鍐呮湭淇鐨勶細鎵ｉ櫎鐩稿叧闀滃ご鏁伴噺*</div>
+ <div class="line-right"><el-input v-model="jsonRule.failNum" type="text"/></div>鍒�
</div>
</div>
</el-form-item>
@@ -198,6 +207,7 @@
name: "Rule",
data() {
return {
+ companyName: "鎴愰兘x杩愮淮鍏徃",
detailOpen: false,
// 閬僵灞�
loading: true,
@@ -385,11 +395,11 @@
justify-content: flex-start;
align-items: center;
}
-.line-left {
- width: 200px;
- text-align: center;
-}
+
.line-right {
- width: 100px;
+ width: 50px;
+}
+.input{
+ width: 200px;
}
</style>
--
Gitblit v1.8.0