联调二级评估页面

src/views/pqs/bearingCapacity/userManagement/equipment.vue

@@ -1,16 +1,16 @@
 <template>
-    <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" title="终端">
-        <el-button icon="el-icon-Plus" type="primary" @click="add" class="mb10">新增</el-button>
-     
+    <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" title="设备">
+        <div class="formBox mb10"><el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button></div>
+
         <vxe-table v-bind="defaultAttribute" v-loading="loading" height="500px" ref="xTable" :data="userData">
-            <vxe-column field="devName" title="终端名称"></vxe-column>
+            <vxe-column field="devName" title="设备名称"></vxe-column>
             <vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
-            <vxe-column field="protocolCapacity" title="终端容量(MVA)"></vxe-column>
+            <vxe-column field="protocolCapacity" title="设备容量(MVA)"></vxe-column>
             <vxe-column title="操作" width="120px">
                 <template #default="{ row }">
                     <el-button type="primary" size="small" link @click="revise(row)">修改</el-button>
 
-                    <el-popconfirm @confirm="deleteD(row)" title="确认删除终端?">
+                    <el-popconfirm @confirm="deleteD(row)" title="确认删除设备?">
                         <template #reference>
                             <el-button type="danger" size="small" link>删除</el-button>
                         </template>
@@ -21,21 +21,27 @@
     </el-dialog>
     <el-dialog draggable v-model="addShow" width="400px" :title="title" :before-close="handleClose">
         <el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
-            <el-form-item label="终端名称" prop="devName">
-                <el-input v-model.trim="form.devName" placeholder="请输入终端名称" maxlength="32" show-word-limit clearable/>
+            <el-form-item label="设备名称" prop="devName">
+                <el-input
+                    v-model.trim="form.devName"
+                    placeholder="请输入设备名称"
+                    maxlength="32"
+                    show-word-limit
+                    clearable
+                />
             </el-form-item>
             <el-form-item label="电压等级" prop="devScale">
                 <el-select v-model="form.devScale" clearable placeholder="请选择电压等级">
                     <el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
                 </el-select>
             </el-form-item>
-            <el-form-item label="终端容量(MVA)" prop="protocolCapacity">
+            <el-form-item label="设备容量(MVA)" prop="protocolCapacity">
                 <el-input-number
                     v-model="form.protocolCapacity"
                     style="width: 100%"
                     :min="0"
-                     :max="10000000"
-                    placeholder="请选择终端容量"
+                    :max="10000000"
+                    placeholder="请选择设备容量"
                 />
             </el-form-item>
         </el-form>
@@ -70,9 +76,9 @@ const form: any = ref({
     userId: ''
 })
 const rules = {
-    devName: [{ required: true, message: '请输入终端名称', trigger: 'blur' }],
-    devScale: [{ required: true, message: '请输入终端名称', trigger: 'change' }],
-    protocolCapacity: [{ required: true, message: '请输入终端名称', trigger: 'blur' }]
+    devName: [{ required: true, message: '请输入设备名称', trigger: 'blur' }],
+    devScale: [{ required: true, message: '请输入设备名称', trigger: 'change' }],
+    protocolCapacity: [{ required: true, message: '请输入设备名称', trigger: 'blur' }]
 }
 const open = (row: any) => {
     dialogVisible.value = true
@@ -88,7 +94,7 @@ const open = (row: any) => {
 // 新增
 const add = () => {
     addShow.value = true
-    title.value = '新增终端'
+    title.value = '新增设备'
 }
 
 // 过滤数据
@@ -102,7 +108,7 @@ const formatter = (row: any) => {
 // 修改
 const revise = (row: any) => {
     form.value = JSON.parse(JSON.stringify(row))
-    title.value = '修改终端'
+    title.value = '修改设备'
     addShow.value = true
 }
 // 关闭弹框
@@ -116,11 +122,11 @@ const handleClose = () => {
     }
     formRef.value.resetFields()
 }
-// 新增终端
+// 新增设备
 const submitForm = async () => {
     await formRef.value.validate(valid => {
         if (valid) {
-            if (title.value == '新增终端') {
+            if (title.value == '新增设备') {
                 form.value.userId = rowList.value.userId
                 addDev(form.value).then(res => {
                     ElMessage.success('新增成功!')
@@ -137,10 +143,10 @@ const submitForm = async () => {
         }
     })
 }
-// 删除终端
+// 删除设备
 const deleteD = row => {
     removeDev({ devIds: row.devId }).then(res => {
-        ElMessage.success('删除终端成功!')
+        ElMessage.success('删除设备成功!')
         open(rowList.value)
     })
 }
@@ -148,4 +154,10 @@ const deleteD = row => {
 defineExpose({ open })
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.formBox{
+    display: flex;
+    justify-content: end;
+}
+
+</style>