Browse Source

feat: 业务表单样式调整

luoyali 10 months ago
parent
commit
74e6a71f4f
2 changed files with 12 additions and 20 deletions
  1. 1 1
      src/styles/variables.scss
  2. 11 19
      src/views/flow/test/business.vue

+ 1 - 1
src/styles/variables.scss

@@ -1,6 +1,6 @@
 /* Variables */
 $prefix: 'le-';
-$le-family: Helvetica Neue, Helvetica, sans-serif;
+$le-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
 
 // 主题类型
 //$le-color-primary: #4097fd;

+ 11 - 19
src/views/flow/test/business.vue

@@ -3,7 +3,6 @@
 		<div class="content-warp flex-column-page-wrap">
 			<!-- 公用搜索组件 -->
 			<LeSearchForm ref="searchForm" v-model:searchData="searchData" :forms="forms" :loading="tableOpts.options.loading"> </LeSearchForm>
-			<div style="margin: 20px; font-size: 1.2em; color: red">演示关联业务审批逻辑,对应 业务流程KEY为 purchaseOrder</div>
 			<!--  LeTable 组件使用  -->
 			<LeTable
 				ref="tableRef"
@@ -14,16 +13,9 @@
 				:columns="activeColumns"
 			>
 				<template #toolLeft>
-					<el-button type="primary" @click="addHandler">
-						<el-icon class="btn-icon">
-							<Plus />
-						</el-icon>
-					</el-button>
-					<el-button type="danger" :disabled="curSelectionRows.length === 0" @click="batch_del">
-						<el-icon class="btn-icon">
-							<Delete />
-						</el-icon>
-					</el-button>
+					<el-button plain :icon="Plus" type="primary" @click="addHandler">新增</el-button>
+					<el-button plain :icon="Delete" :disabled="curSelectionRows.length === 0" type="danger" @click="batch_del">删除</el-button>
+					<el-link type="danger" :underline="false" class="ml-2">演示关联业务审批逻辑,对应 业务流程KEY为 purchaseOrder</el-link>
 				</template>
 
 				<template #statusSlot="scope">
@@ -49,7 +41,7 @@
 			v-if="visible"
 			ref="dialogUserRef"
 			v-model="visible"
-			title="新增采购订单"
+			title="新增"
 			width="600px"
 			:form-data="activeData"
 			:form-options="formOptions"
@@ -75,16 +67,16 @@ const record = ref({})
 const formsDialog = [
 	{
 		prop: 'title',
-		label: '标题',
+		label: '名称',
 		itemType: 'input',
-		rules: [{ required: true, message: '请输入采购订单标题', trigger: 'blur' }]
+		rules: [{ required: true, message: '请输入名称', trigger: 'blur' }]
 	},
 	{
 		prop: 'content',
 		label: '内容',
 		rows: '2',
 		type: 'textarea',
-		rules: [{ required: true, message: '请输入采购订单内容', trigger: 'blur' }]
+		rules: [{ required: true, message: '请输入内容', trigger: 'blur' }]
 	}
 ]
 // 新增的表单 和 编辑的表单
@@ -106,10 +98,10 @@ const treeRef = ref<InstanceType<typeof ElTree>>()
 // 表格搜索条件
 const forms = ref([
 	{
-		prop: 'keyword',
-		label: '采购单名称:',
+		prop: 'title',
+		label: '名称:',
 		itemType: 'input',
-		placeholder: '请输入采购单名称'
+		placeholder: '请输入名称'
 	}
 ])
 
@@ -135,7 +127,7 @@ const queryList = async () => {
 const columns = [
 	{
 		prop: 'title',
-		label: '标题',
+		label: '名称',
 		minWidth: 80
 	},
 	{