应用用户

src/views/safetyManagement/appUserConfig/QueryForm.vue

+<script setup lang="ts" name="QueryForm">
+import { computed,ref,watch } from 'vue'
+import type { FormInstance } from 'element-plus'
+import PageWrapperSearch from '@/components/search/PageWrapperSearch.vue'
+import {
+  Plus
+} from '@element-plus/icons-vue'
+import { color } from 'echarts'
+// import { useDict } from '@/utils/dict'
+// import { listDept } from '@/api/system/dept'// 部门
+
+
+
+// const { approve_status, invoice_status} = useDict('approve_status', 'invoice_status')
+const emit = defineEmits(['update:modelValue', 'query', 'reset','handleAdd'])
+const invoice_status_filter = ref([])
+const employeesList = ref([])
+const props = defineProps<{
+  modelValue: any
+}>()
+
+
+
+const queryForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(val: any) {
+    console.log('query computed', val)
+    emit('update:modelValue', val)
+  }
+})
+
+// 搜索
+function onSearch() {
+  emit('query')
+}
+
+// 重置
+function onReset(formRef: FormInstance) {
+  queryForm.value.useridentifier = ''
+  queryForm.value.username = ''
+  queryForm.value.note = ''
+  emit('reset', formRef)
+}
+
+function handleAdd() {
+  emit('handleAdd')
+}
+
+</script>
+
+<template>
+  <!-- el-form -->
+  <page-wrapper-search
+    :model="queryForm"
+    :extraButtons="[
+      {
+        text: '新增',
+        icon: Plus,
+        color: 'rgba(0, 189, 207, 1)',
+        type: 'success',
+        class: 'btn-fff',
+        onClick: handleAdd
+      }
+    ]"
+    @search="onSearch"
+    @reset="onReset">
+    <el-form-item label="唯一标识:">
+      <el-input v-model="queryForm.useridentifier" clearable placeholder="请输入唯一标识"></el-input>
+    </el-form-item>
+    <el-form-item label="用户名:">
+      <el-input v-model="queryForm.username" clearable placeholder="请输入用户名"></el-input>
+    </el-form-item>
+    <el-form-item label="备注:">
+      <el-input v-model="queryForm.note" clearable placeholder="请输入备注"></el-input>
+    </el-form-item>
+  </page-wrapper-search>
+
+
+
+    <!-- <page-wrapper-search
+      :model="queryForm"
+      :extraButtons="[
+        {
+          text: '导出',
+          icon: Edit,
+          type: 'success',
+          onClick: handleExport
+        },
+        {
+          text: '打印',
+          type: 'warning',
+          onClick: handlePrint
+        }
+      ]"
+      @search="onSearch"
+      @reset="onReset">
+      <el-form-item label="项目名称" prop="proName">
+        <el-input
+            v-model="queryForm.proName"
+            placeholder="请输入项目名称"
+            clearable
+        />
+      </el-form-item>
+      <el-form-item label="备注" prop="note">
+        <el-input
+            v-model="queryForm.note"
+            placeholder="请输入备注"
+            clearable
+        />
+      </el-form-item>
+    </page-wrapper-search> -->
+</template>
+
+<style scoped lang="scss">
+:deep(.btn-fff){
+  span{
+    color: #fff;
+  }
+}
+</style>

src/views/safetyManagement/appUserConfig/edit.vue

@@ -9,7 +9,8 @@
     :align-center="true"
     :fullscreen="false"
     @close="handleClose"
-    width="500px"
+    class="custom-dialog"
+    width="900px"
   >
       <el-form
         ref="formRef"
@@ -39,12 +40,8 @@
       </el-form-item>
       </el-form>
     <template #footer>
-      <div class="dialog-footer">
-        <div class="footer-buttons">
-          <el-button @click="handleClose">取 消</el-button>
-          <el-button type="primary" @click="handleSubmit">确 定</el-button>
-        </div>
-      </div>
+        <el-button  type="danger" @click="handleClose">取 消</el-button>
+        <el-button type="primary"  color="rgba(33, 103, 217, 1)" @click="handleSubmit">确 定</el-button>
     </template>
   </el-dialog>
 </template>

src/views/safetyManagement/groupConfig/list.vue

@@ -104,47 +104,6 @@
         />
     </div>
 
-
-
-    <!-- 用户列表 -->
-    <!-- <div class="user-list">
-      <div class="user-grid">
-        <div v-for="(user, index) in groupList" :key="index" class="user-card">
-          <div class="card-left-bar"></div>
-          <div class="user-info">
-            <div class="info">
-              <div class="name">{{ user.groupname }}</div>
-              <div class="remark">
-                <el-icon><Edit /></el-icon>
-                备注 {{ user.remark }}
-              </div>
-            </div>
-            <div class="avatar">
-              <el-avatar :size="80" icon="UserFilled" style="background: #f6f8fa; color: #d3d8e0;" />
-            </div>
-          </div>
-          <div class="card-divider"></div>
-          <div class="card-bottom">
-            <div>
-              <el-icon><Clock /></el-icon>
-              {{ user.createtime || '' }}
-            </div>
-            <el-icon class="lock"><Lock /></el-icon>
-          </div>
-          <div class="hover-mask">
-            <div class="operation-buttons">
-              <div class="operation-btn" @click="handleDelete(user)">
-                <el-icon><Delete /></el-icon>
-                <span>删除</span>
-              </div>
-              <div class="operation-btn" @click="handleEdit(user)">
-                <el-icon><FolderOpened /></el-icon>
-                <span>编辑</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div> -->
     </div>