ui

src/views/equipment/base/spareParts/Config/addSparts.vue

@@ -9,72 +9,80 @@
 	<el-drawer
 		:visible.sync="visible"
 		:show-close="false"
-		:wrapper-closable="false"
+		:wrapper-closable="disabled"
 		class="drawer"
-		size="60%">
+		size="60%"
+		@closed="$emit('destroy')">
 		<small-title slot="title" :no-padding="true">
 			{{ disabled ? '查看备件' : '添加备件' }}
 		</small-title>
-		<el-form
-			ref="form"
-			:model="dataForm"
-			label-width="100px"
-			v-loading="formLoading">
-			<el-row :gutter="20">
-				<el-col :span="12">
-					<el-form-item label="配置名" prop="name">
-						<span>{{ dataForm.name }}</span>
-					</el-form-item>
-				</el-col>
-				<el-col :span="12">
-					<el-form-item label="设备名称" prop="equipmentName">
-						<span>{{ dataForm.equipmentName }}</span>
-					</el-form-item>
-				</el-col>
-			</el-row>
-			<el-row :gutter="20">
-				<el-col :span="12">
-					<el-form-item label="负责人" prop="responsible">
-						<span>{{ dataForm.responsible }}</span>
-					</el-form-item>
-				</el-col>
-			</el-row>
-			<el-form-item label="描述" prop="faultTime">
-				<editor v-model="dataForm.description" read-only :min-height="200"/>
-			</el-form-item>
-		</el-form>
+		<div class="content">
+			<el-form
+				ref="form"
+				:model="dataForm"
+				label-width="100px"
+				label-position="top"
+				v-loading="formLoading">
+				<el-row :gutter="20">
+					<el-col :span="6">
+						<el-form-item label="配置名" prop="name">
+							<span>{{ dataForm.name }}</span>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="设备名称" prop="equipmentName">
+							<span>{{ dataForm.equipmentName }}</span>
+						</el-form-item>
+					</el-col>
+					<el-col :span="6">
+						<el-form-item label="负责人" prop="responsible">
+							<span>{{ dataForm.responsible }}</span>
+						</el-form-item>
+					</el-col>
+				</el-row>
+				<el-form-item label="描述" prop="description">
+					<div v-html="dataForm.description" style="padding: 5px; margin: 0; border: 1px solid #dfdfdf" />
+					<!-- <editor v-model="dataForm.description" read-only :min-height="200"/> -->
+				</el-form-item>
+			</el-form>
 			
-			<div v-if="!disabled" class="action_btn">
-				<template>
-					<span style="display: inline-block;" @click="addNew()">
-						<svg-icon style="width: 14px; height: 14px" class="item-icon" icon-class="table_add" />
-						<span class="add">添加</span>
-					</span>
-				</template>
-			</div>
-			<base-table
-				:table-props="tableProps"
-				:page="listQuery.pageNo"
-				:limit="listQuery.pageSize"
-				:table-data="list">
-				<method-btn
-					v-if="!disabled"
-					slot="handleBtn"
-					:width="120"
-					label="操作"
-					:method-list="tableBtn"
-					@clickBtn="handleClick" />
-			</base-table>
-			<pagination
-				v-show="listQuery.total > 0"
-				:total="listQuery.total"
-				:page.sync="listQuery.pageNo"
-				:limit.sync="listQuery.pageSize"
-				:page-sizes="[5, 10, 15]"
-				@pagination="getList" />
+			<div>
+				<small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
+					{{ '备品备件' }}
+				</small-title>
+				<div v-if="!disabled" class="action_btn">
+					<template>
+						<span style="display: inline-block;" @click="addNew()">
+							<svg-icon style="width: 14px; height: 14px" class="item-icon" icon-class="table_add" />
+							<span class="add">添加</span>
+						</span>
+					</template>
+				</div>
+				<base-table
+					:table-props="tableProps"
+					:page="listQuery.pageNo"
+					:limit="listQuery.pageSize"
+					:table-data="list">
+					<method-btn
+						v-if="!disabled"
+						slot="handleBtn"
+						:width="120"
+						label="操作"
+						:method-list="tableBtn"
+						@clickBtn="handleClick" />
+				</base-table>
+				<pagination
+					v-show="listQuery.total > 0"
+					:total="listQuery.total"
+					:page.sync="listQuery.pageNo"
+					:limit.sync="listQuery.pageSize"
+					:page-sizes="[5, 10, 15]"
+					@pagination="getList" />
+			</div>	
 
-		<div class="drawer-body__footer">
-			<el-button type="primary" @click="goback()">关闭</el-button>
+			<div v-if="!disabled" class="drawer-body__footer">
+				<el-button type="primary" @click="goback()">关闭</el-button>
+			</div>
 		</div>
 
 		<attr-add
@@ -255,10 +263,10 @@ export default {
 	padding: 18px;
 }
 .action_btn {
-  /* float: right; */
+  float: right;
 	display: flex;
 	justify-content: right;
-  margin: 5px 15px;
+  margin: -35px 15px;
   font-size: 14px;
 }
 .add {
@@ -312,4 +320,7 @@ export default {
 	justify-content: flex-end;
 	padding: 18px;
 }
+.content {
+	padding: 0 20px;
+}
 </style>