新增资产编辑功能,支持新增和修改资产操作,并更新开发环境API地址配置

src/views/assets/asset/index.vue

@@ -4,7 +4,7 @@
 			<div class="assets-asset-search mb15">
 				<el-form :inline="true" :model="tableData.param">
 					<el-form-item label="资产名称">
-						<el-input size="default" v-model="tableData.param.name" placeholder="请输入资产名称" clearable style="width: 200px" />
+						<el-input size="default" v-model="tableData.param.keyword" placeholder="请输入资产名称" clearable style="width: 200px" />
 					</el-form-item>
 					<el-form-item label="资产类型">
 						<el-select size="default" v-model="tableData.param.type" placeholder="请选择资产类型" clearable style="width: 150px">
@@ -28,6 +28,10 @@
 							<el-icon><ele-Refresh /></el-icon>
 							重置
 						</el-button>
+						<el-button size="default" type="success" @click="onOpenAdd">
+							<el-icon><ele-Plus /></el-icon>
+							新增
+						</el-button>
 					</el-form-item>
 				</el-form>
 			</div>
@@ -78,6 +82,7 @@
 			</div>
 		</el-card>
 	</div>
+	<EditAsset ref="editAssetRef" @getAssetList="getAssetList" />
 </template>
 
 <script lang="ts">
@@ -87,9 +92,10 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { reactive, onMounted } from 'vue';
+import { ref, reactive, onMounted } from 'vue';
 import { ElMessageBox, ElMessage } from 'element-plus';
 import { listAssets, updateAssetStatus, deleteAsset } from '/@/api/assets/asset';
+import EditAsset from './component/editAsset.vue';
 
 interface AssetRow {
 	id: string;
@@ -106,12 +112,14 @@ interface AssetRow {
 	updatedAt: string;
 }
 
+const editAssetRef = ref();
+
 const tableData = reactive({
 	data: [] as AssetRow[],
 	loading: false,
 	total: 0,
 	param: {
-		name: '',
+		keyword: '',
 		type: '',
 		status: undefined as number | undefined,
 		page: 1,
@@ -162,7 +170,7 @@ const getAssetList = () => {
 
 // 重置查询
 const onResetQuery = () => {
-	tableData.param.name = '';
+	tableData.param.keyword = '';
 	tableData.param.type = '';
 	tableData.param.status = undefined;
 	tableData.param.page = 1;
@@ -197,10 +205,14 @@ const onRowDel = (row: AssetRow) => {
 		.catch(() => {});
 };
 
-// 修改（待定）
+// 打开新增弹窗
+const onOpenAdd = () => {
+	editAssetRef.value.openDialog();
+};
+
+// 修改
 const onEdit = (row: AssetRow) => {
-	ElMessage.info('修改功能待开发');
-	console.log('编辑资产:', row);
+	editAssetRef.value.openDialog(row, true);
 };
 
 // 添加SKU（待定）