From 245514f4265faba31d0e778b41c6698d541baacc Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期三, 10 四月 2024 15:23:32 +0800 Subject: [PATCH] Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui --- src/views/system/rule/city/index.vue | 354 ++++++++++++++++++++++++---------------------------------- 1 files changed, 149 insertions(+), 205 deletions(-) diff --git a/src/views/system/rule/city/index.vue b/src/views/system/rule/city/index.vue index 9bf4d02..75d534d 100644 --- a/src/views/system/rule/city/index.vue +++ b/src/views/system/rule/city/index.vue @@ -1,138 +1,81 @@ <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="ruleName"> - <el-input - v-model="queryParams.ruleName" - placeholder="璇疯緭鍏ヨ鍒欏悕绉�" - clearable - @clear="handleQuery" - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鑰冩牳妯℃澘" prop="templateId"> - <el-select v-model="queryParams.templateId" placeholder="鑰冩牳妯℃澘" clearable> - <el-option - v-for="item in templateList" - :key="item.id" - :label="item.templateName" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory"> - <el-select v-model="queryParams.ruleCategory" placeholder="瑙勫垯绫诲瀷" clearable> - <el-option - v-for="dict in dict.type.platform_rule_category" - :key="dict.value" - :label="dict.label" - :value="dict.value" - /> - </el-select> - </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-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleUpdate" - >淇敼</el-button> - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - >鍒犻櫎</el-button> - </el-col> -<!-- <el-col :span="1.5">--> -<!-- <el-button--> -<!-- type="warning"--> -<!-- plain--> -<!-- icon="el-icon-download"--> -<!-- size="mini"--> -<!-- @click="handleExport"--> -<!-- v-hasPermi="['system:checkRule:export']"--> -<!-- >瀵煎嚭</el-button>--> -<!-- </el-col>--> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> - </el-row> - - <el-table v-loading="loading" :data="checkRuleList" @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="examineCategory"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.platform_examine_category" :value="scope.row.examineCategory"/> - </template> - </el-table-column> - <el-table-column label="瑙勫垯绫诲瀷" align="center" prop="ruleCategory"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.platform_rule_category" :value="scope.row.ruleCategory"/> - </template> - </el-table-column> - <el-table-column label="鑰冩牳妯℃澘" align="center" prop="templateName" /> - - <el-table-column label="瀹℃牳鐘舵��" align="center" prop="auditState"> - <template slot-scope="scope"> - <dict-tag :options="dict.type.platform_audit_state" :value="scope.row.auditState"/> - </template> - </el-table-column> - <el-table-column label="瀹℃牳璇存槑" align="center" prop="auditDescription"/> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> - <template slot-scope="scope"> - <el-button - size="mini" - type="text" - icon="el-icon-s-check" - @click="handleAudit(scope.row)" - v-hasPermi="['check:rule:audit']" - >瀹℃牳</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-edit" - @click="handleUpdate(scope.row)" - >淇敼</el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - >鍒犻櫎</el-button> - </template> - </el-table-column> - </el-table> - - <pagination - v-show="total>0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> <div> + + <div class="container"> + <el-row type="flex" justify="start"> + <el-col :span="24"> + <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">瑙嗛鑰冩牳瑙勫垯</h3> + </el-col> + </el-row> + + <el-row type="flex" justify="start" v-for="(items, index) in groupData(videoData)"> + <el-col :span="4" v-for="item in items" :key="item.id"> + <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;"> + <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> + <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div> + <div class="bottom clearfix"> + <el-button type="text" class="button" @click="handleAudit(item)">瀹℃牳</el-button> + <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button> + </div> + </el-card> + <br/> + </el-col> + </el-row> + </div> + + <div class="container"> + <el-row type="flex" justify="center"> + <el-col :span="24"> + <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">杞﹁締鑰冩牳瑙勫垯</h3> + </el-col> + </el-row> + + <el-row type="flex" justify="start" v-for="(items, index) in groupData(carData)"> + <el-col :span="4" v-for="item in items" :key="item.id"> + <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;"> + <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> + <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div> + <div class="bottom clearfix"> + <el-button type="text" class="button" @click="handleAudit(item)">瀹℃牳</el-button> + <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button> + </div> + </el-card> + <br/> + </el-col> + </el-row> + </div> + + <div class="container"> + <el-row type="flex" justify="center"> + <el-col :span="24"> + <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">浜鸿劯鑰冩牳瑙勫垯</h3> + </el-col> + </el-row> + + <el-row type="flex" justify="start" v-for="(items, index) in groupData(faceData)"> + <el-col :span="4" v-for="item in items" :key="item.id"> + <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;"> + <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i> + <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div> + <div class="bottom clearfix"> + <el-button type="text" class="button" @click="handleAudit(item)">瀹℃牳</el-button> + <el-button type="text" class="button" @click="handleUpdate(item)">淇敼</el-button> + </div> + </el-card> + <br/> + </el-col> + </el-row> + </div> + <br/><br/><br/><br/> + <!-- 娣诲姞鎴栦慨鏀硅�冩牳瑙勫垯瀵硅瘽妗� --> <el-dialog :title="title" :visible.sync="open" width="600px" 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 v-model="form.name" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> </el-form-item> <el-form-item label="鑰冩牳绫诲瀷" prop="examineCategory"> - <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷" disabled> + <el-select v-model="form.examineCategory" placeholder="鑰冩牳绫诲瀷"> <el-option v-for="dict in dict.type.platform_examine_category" :key="dict.value" @@ -142,7 +85,7 @@ </el-select> </el-form-item> <el-form-item label="瑙勫垯绫诲瀷" prop="ruleCategory"> - <el-select v-model="form.ruleCategory" placeholder="鑰冩牳绫诲瀷" disabled> + <el-select v-model="form.ruleCategory" placeholder="瑙勫垯绫诲瀷"> <el-option v-for="dict in dict.type.platform_rule_category" :key="dict.value" @@ -152,20 +95,7 @@ </el-select> </el-form-item> <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription"> - <el-input v-model="form.ruleDescription" type="textarea" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> - </el-form-item> - <el-form-item label="鑰冩牳妯℃澘" prop="templateId"> - <el-select v-model="form.templateId" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in templateList" - :key="item.id" - :label="item.templateName" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鏉冮噸" prop="weight"> - <el-input type="number" v-model="form.weight" placeholder="璇疯緭鍏ユ潈閲�"/> + <el-input v-model="form.ruleDescription" type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="璇疯緭鍏ヨ鍒欏悕绉�"/> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -173,7 +103,7 @@ <el-button @click="cancel">鍙� 娑�</el-button> </div> </el-dialog> - </div> + <!-- 瀹℃牳鑰冩牳瑙勫垯瀵硅瘽妗� --> <el-dialog :title="title" :visible.sync="auditOpen" width="600px" append-to-body> @@ -204,19 +134,7 @@ <el-form-item label="瑙勫垯鎻忚堪" prop="ruleDescription"> <el-input v-model="form.ruleDescription" type="textarea" placeholder="璇疯緭鍏ヨ鍒欏悕绉�" disabled/> </el-form-item> - <el-form-item label="鑰冩牳妯℃澘" prop="templateId"> - <el-select v-model="form.templateId" placeholder="璇烽�夋嫨" disabled> - <el-option - v-for="item in templateList" - :key="item.id" - :label="item.templateName" - :value="item.id"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鏉冮噸" prop="weight"> - <el-input type="number" v-model="form.weight" placeholder="璇疯緭鍏ユ潈閲�" disabled/> - </el-form-item> + <el-form-item label="瀹℃牳缁撴灉" prop="auditState" > <el-radio-group v-model="form.auditState"> @@ -277,6 +195,48 @@ templateId: null, examineCategory: 1, }, + videoData: [ + { name: '骞冲彴鍦ㄧ嚎鐜�', icon: 'el-icon-connection', ruleDescription: '鐪佸巺瀵瑰競绾у叡浜拰鑱旂綉骞冲彴杩涜瀹炴椂鐩戞祴锛屽競绾у叡浜�/鑱旂綉骞冲彴姣忔湀绂荤嚎鎬绘椂闀垮湪30鍒嗛挓浠ュ唴鐨勫钩鍙板湪绾跨巼涓�100%锛屾瘡瓒呰繃30鍒嗛挓鎵�10涓櫨鍒嗙偣锛屾墸瀹屼负姝€��' + + '姣忎釜鏈堝簳鏈�鍚�4涓伐浣滄棩涓洪鐣欑殑璋冭瘯鏃堕棿锛屽彲杩涜骞冲彴瀵规帴璋冭瘯鎴栬�呭崌绾ф敼閫狅紝骞冲彴瀵规帴璋冭瘯鎴栬�呭崌绾ф敼閫犻』鎻愬墠鍚戠渷鍘呮姤澶囥�傞櫎' + + '姣忔湀搴�4涓伐浣滄棩锛屽叾浣欐椂闂存姤澶囨瘡娆℃墸10涓櫨鍒嗙偣锛屾瘡娆℃姤澶囦笉瓒呰繃24灏忔椂锛屾瘡鏈堜笉瓒呰繃3娆°�傦紙閲嶅ぇ鐗规畩鎯呭喌锛屽閲嶅ぇ鑷劧鐏惧绛夋姤鍘呴瀵兼壒绀猴級', examineCategory:0,ruleCategory:'0', auditStatus: 'approved'}, + { name: '涓�鏈轰竴妗e悎鏍肩巼', icon: 'el-icon-folder', ruleDescription: '杩愮淮骞冲彴姣忔湀鍒濆鍚勫湴涓婁紶鑷宠仈缃戝钩鍙扮殑鈥滀竴鏈轰竴妗b�濇暟鎹簱涓殑鎽勫儚鏈烘。妗堟暟鎹繘琛岃川閲忔牎楠岋紝瀵瑰繀濉」濉姤鍑嗙‘銆佽鑼冪殑妗f鏁版嵁瑙嗕负鍚堟牸銆俓n' + + '涓�鏈轰竴妗e悎鏍肩巼=鍚堟牸鐨勬。妗堟暟鎹潯鏁�/妗f鏁版嵁鎬绘潯鏁�', examineCategory:0,ruleCategory:'0', auditStatus: 'pending' }, + { name: '涓�鏈轰竴妗f敞鍐岀巼', icon: 'el-icon-folder', ruleDescription: '杩愮淮骞冲彴姣忔湀瀵圭渷鍘呰鍥惧簱鐨勫墠绔憚鍍忔満鐐逛綅鏁伴噺鍜屼竴鏈轰竴妗g殑鏁版嵁鍖归厤銆傦紙涓婃湀搴曟渶鍚庝竴澶╃‘璁や竴鏈轰竴妗h溅杈嗐�佷汉鑴哥偣浣嶆暟锛�1鍙风敱瑙嗗浘搴撲晶杩涜鑰冩牳锛塡n' + + '浜鸿劯鍗″彛璧勪骇娉ㄥ唽鐜�=璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺/锛堟湭娉ㄥ唽鐨勫湪绾夸汉鑴稿崱鍙f暟閲�+璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺锛塡n' + + '杞﹁締鍗″彛璧勪骇娉ㄥ唽鐜�=璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺/锛堟湭娉ㄥ唽鐨勫湪绾夸汉鑴稿崱鍙f暟閲�+璧勪骇搴撶櫥璁板湪鐢ㄧ殑浜鸿劯鍗″彛鏁伴噺锛�', examineCategory:0,ruleCategory:'0', auditStatus: 'rejected' }, + { name: '妗f鑰冩牳姣�', icon: 'el-icon-folder', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, + { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-search', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved'}, + { name: '褰曞儚鍙敤鐜�', icon: 'el-icon-turn-off', ruleDescription: '鎻忚堪淇℃伅',examineCategory:0,ruleCategory:'0',auditStatus: 'approved'}, + { name: '鏍囨敞姝g‘鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, + { name: '鏍℃椂姝g‘鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, + { name: '閲嶇偣鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved'}, + { name: '閲嶇偣鐐逛綅鏍℃椂姝g‘鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, + { name: '閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, + { name: '瑙嗛鍥惧儚璧勬簮瀹夊叏绠$悊', icon: 'el-icon-place', ruleDescription: '鎻忚堪淇℃伅', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' }, + ], + carData: [ + { name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛璁惧url鍙敤鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�', icon: 'el-icon-truck', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + ], + faceData: [ + { name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', icon: 'el-icon-alarm-clock', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '鐐逛綅鍦ㄧ嚎鐜�', icon: 'el-icon-user', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '鐩綍涓�鑷寸巼', icon: 'el-icon-data-line', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', icon: 'el-icon-timer', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '璁惧鎶撴媿鍥剧墖鍚堟牸鎬�', icon: 'el-icon-money', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', icon: 'el-icon-data-analysis', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '鎶撴媿浜鸿劯鏁版嵁涓婁紶鍙婃椂鎬�', icon: 'el-icon-data-analysis', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + { name: '浜鸿劯鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�', icon: 'el-icon-data-analysis', ruleDescription: '鎻忚堪淇℃伅', auditStatus: 'approved' }, + ], + activeIndex: '0', // 琛ㄥ崟鍙傛暟 form: {}, // 琛ㄥ崟鏍¢獙 @@ -288,10 +248,17 @@ }; }, created() { - this.getList(); - this.getTemplateSelect(); + }, methods: { + groupData(data) { + // 灏嗘暟鎹寜姣忓叚涓竴缁勮繘琛屽垎缁� + const groupedData = []; + for (let i = 0; i < data.length; i += 6) { + groupedData.push(data.slice(i, i + 6)); + } + return groupedData; + }, /** 鑰冩牳妯℃澘涓嬫媺鍒楄〃 */ getTemplateSelect() { templateSelect().then((res) => { @@ -332,16 +299,22 @@ }; this.resetForm("form"); }, - /** 鎼滅储鎸夐挳鎿嶄綔 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); + handleSelect(key, keyPath) { + console.log(key, keyPath); }, - /** 閲嶇疆鎸夐挳鎿嶄綔 */ - resetQuery() { - this.resetForm("queryForm"); - this.handleQuery(); + getStatusColor(status) { + switch (status) { + case 'pending': + return '#ffffff'; // '#00a1d6'钃濊壊锛岃〃绀哄緟瀹℃牳 + case 'approved': + return '#ffffff'; // '#00e297'缁胯壊锛岃〃绀哄凡瀹℃牳 + case 'rejected': + return '#f56c6c'; // 绾㈣壊锛岃〃绀哄鏍告湭閫氳繃 + default: + return '#ffffff'; // 鐧借壊锛岄粯璁ょ姸鎬� + } }, + // 澶氶�夋閫変腑鏁版嵁 handleSelectionChange(selection) { this.ids = selection.map(item => item.id) @@ -355,15 +328,12 @@ this.title = "娣诲姞鑰冩牳瑙勫垯"; }, /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { + handleUpdate(item) { this.reset(); - const id = row.id || this.ids - getCheckRule(id).then(response => { - this.form = response.data; - this.open = true; - this.title = "淇敼鑰冩牳瑙勫垯"; - - }); + const id = item.id || this.ids + this.form = item; + this.open = true; + this.title = "淇敼鑰冩牳瑙勫垯"; }, /** 瀹℃牳鎸夐挳鎿嶄綔 */ handleAudit(row) { @@ -419,37 +389,11 @@ </script> <style scoped> -.input-w { - margin-left: 5px; - width: 70px; +.container { + width: 90%; + margin: 10px auto; } -.row-warp { - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - border: solid 1px gray; - /*padding: 3px;*/ -} -.row { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - border-bottom: solid 1px gray; - padding: 3px; -} -.row:last-of-type { - border-bottom: none; -} -.row-left { - flex: 2; - border-right: solid 1px gray; -} -.row-right { - flex: 4; - display: flex; - flex-direction: row; - justify-content: center; +.el-menu{ + margin: 10px auto; } </style> -- Gitblit v1.8.0