diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 917956e..1833bd3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -28,6 +28,10 @@
     type: String,
     default: '',
   }, // 按钮及输入框大小
+  icon: {
+    type: Boolean,
+    default: true,
+  }, // 是否显示图标
 })
 // 抛出事件
 const emit = defineEmits(['search', 'clear', 'toggleMore'])
@@ -80,13 +84,13 @@
       <slot name="btns" />
     </div>
     <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
+      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
         重置
       </el-button>
     </div>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 917956e..1833bd3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -28,6 +28,10 @@
     type: String,
     default: '',
   }, // 按钮及输入框大小
+  icon: {
+    type: Boolean,
+    default: true,
+  }, // 是否显示图标
 })
 // 抛出事件
 const emit = defineEmits(['search', 'clear', 'toggleMore'])
@@ -80,13 +84,13 @@
       <slot name="btns" />
     </div>
     <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
+      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
         重置
       </el-button>
     </div>
diff --git a/src/views/login.vue b/src/views/login.vue
index 17dbad3..1f1a316 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -15,7 +15,8 @@
 
 const userStore = useUserStore()
 
-const banner = new URL('../assets/images/login-banner.png', import.meta.url).href
+const banner = new URL('../assets/images/login-banner.png', import.meta.url)
+  .href
 const title = import.meta.env.VITE_APP_TITLE
 
 // 表单类型，login 登录，reset 重置密码
@@ -56,9 +57,7 @@
   remember: !!localStorage.login_username,
 })
 const loginRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -67,36 +66,40 @@
 
 // 处理登录
 function handleLogin() {
-  loginFormRef.value && loginFormRef.value.validate(async (valid) => {
-    if (valid) {
-      loading.value = true
-      // 表单对象
-      const finalForm = {
-        sid: sid.value,
-        username: loginForm.value.username,
-        password: '',
-        kaptcha: loginForm.value.kaptcha,
+  loginFormRef.value
+    && loginFormRef.value.validate(async (valid) => {
+      if (valid) {
+        loading.value = true
+        // 表单对象
+        const finalForm = {
+          sid: sid.value,
+          username: loginForm.value.username,
+          password: '',
+          kaptcha: loginForm.value.kaptcha,
+        }
+        // 加密
+        finalForm.password = await RSAencrypt(loginForm.value.password)
+        userStore
+          .login(finalForm)
+          .then(() => {
+            ElMessage({
+              message: '登录成功',
+              type: 'success',
+            })
+            loading.value = false
+            if (loginForm.value.remember) {
+              localStorage.setItem('login_username', loginForm.value.username)
+            }
+            else {
+              localStorage.removeItem('login_username')
+            }
+            router.push(redirect.value)
+          })
+          .catch(() => {
+            loading.value = false
+          })
       }
-      // 加密
-      finalForm.password = await RSAencrypt(loginForm.value.password)
-      userStore.login(finalForm).then(() => {
-        ElMessage({
-          message: '登录成功',
-          type: 'success',
-        })
-        loading.value = false
-        if (loginForm.value.remember) {
-          localStorage.setItem('login_username', loginForm.value.username)
-        }
-        else {
-          localStorage.removeItem('login_username')
-        }
-        router.push(redirect.value)
-      }).catch(() => {
-        loading.value = false
-      })
-    }
-  })
+    })
 }
 // 注册
 const registerFormRef = ref<FormInstance>()
@@ -109,12 +112,8 @@
   checkPassword: '',
 })
 const registerRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -138,11 +137,12 @@
     message: '注册模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  registerFormRef.value && registerFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  registerFormRef.value
+    && registerFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 // 重置密码
@@ -154,12 +154,8 @@
   newPassword: '',
 })
 const resetRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   newPassword: [
     { required: true, trigger: 'blur', message: '请输入新密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -170,11 +166,12 @@
     message: '重置密码模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  resetFormRef.value && resetFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  resetFormRef.value
+    && resetFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 function showPassword(passwordEl: HTMLElement | undefined) {
@@ -197,21 +194,34 @@
 
 <template>
   <div>
+    <div class="bg-top-banner">
+      华东计量综合系统
+    </div>
     <div class="bg-banner" />
     <div id="login-box">
-      <div class="login-banner">
-        <div class="logo" />
-        <img :src="banner" class="banner">
-      </div>
-      <el-form v-show="formType === 'login'" ref="loginFormRef" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on">
+      <el-form
+        v-show="formType === 'login'"
+        ref="loginFormRef"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+        autocomplete="on"
+      >
         <div class="title-container">
           <h3 class="title">
-            欢迎来到 {{ title }} !
+            用户登录
           </h3>
         </div>
         <div>
           <el-form-item prop="username">
-            <el-input ref="name" v-model="loginForm.username" placeholder="用户名" text tabindex="1" autocomplete="on">
+            <el-input
+              ref="name"
+              v-model="loginForm.username"
+              placeholder="用户名"
+              text
+              tabindex="1"
+              autocomplete="on"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:user" />
@@ -220,7 +230,15 @@
             </el-input>
           </el-form-item>
           <el-form-item prop="password">
-            <el-input ref="loginPasswordRef" v-model="loginForm.password" :type="passwordType" placeholder="密码" tabindex="2" autocomplete="on" @keyup.enter="handleLogin">
+            <el-input
+              ref="loginPasswordRef"
+              v-model="loginForm.password"
+              :type="passwordType"
+              placeholder="密码"
+              tabindex="2"
+              autocomplete="on"
+              @keyup.enter="handleLogin"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:lock" />
@@ -228,7 +246,10 @@
               </template>
               <template #suffix>
                 <el-icon>
-                  <svg-icon :name="passwordType === 'password' ? 'eye' : 'eye-open'" @click="showPassword(loginPasswordRef)" />
+                  <svg-icon
+                    :name="passwordType === 'password' ? 'eye' : 'eye-open'"
+                    @click="showPassword(loginPasswordRef)"
+                  />
                 </el-icon>
               </template>
             </el-input>
@@ -239,12 +260,26 @@
             记住我
           </el-checkbox>
         </div>
-        <el-button :loading="loading" type="primary" size="large" style="width: 100%;" @click.prevent="handleLogin">
+        <el-button
+          :loading="loading"
+          type="primary"
+          size="large"
+          style="width: 100%;"
+          @click.prevent="handleLogin"
+        >
           登录
         </el-button>
-        <div v-if="showKaptcha" style="margin-top: 20px; margin-bottom: -20px; text-align: center;">
+        <div
+          v-if="showKaptcha"
+          style="margin-top: 20px; margin-bottom: -20px; text-align: center;"
+        >
           <el-divider>演示账号一键登录</el-divider>
-          <el-button type="primary" size="small" plain @click="testusername('admin')">
+          <el-button
+            type="primary"
+            size="small"
+            plain
+            @click="testusername('admin')"
+          >
             admin
           </el-button>
           <el-button size="small" plain @click="testusername('test')">
@@ -305,12 +340,30 @@
   display: none;
 }
 
+.bg-top-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 17vh;
+  z-index: 999;
+  line-height: 10vh;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  background:
+    url("../assets/images/login-image/banner.png") no-repeat
+    center / cover;
+}
+
 .bg-banner {
   position: fixed;
   z-index: 0;
   width: 100%;
   height: 100%;
-  background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  background:
+    url("../assets/images/login-image/bg.png") no-repeat center /
+    cover;
 }
 
 #login-box {
@@ -320,7 +373,8 @@
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
-  background-color: var(--el-bg-color);
+  // background-color: var(--el-bg-color);
+
   border-radius: 10px;
   overflow: hidden;
   box-shadow: var(--el-box-shadow);
@@ -357,6 +411,9 @@
     min-height: 500px;
     width: 500px;
     padding: 50px;
+    background:
+      url("../assets/images/login-image/frame.png") no-repeat
+      center / cover;
     overflow: hidden;
 
     .title-container {
@@ -364,8 +421,9 @@
 
       .title {
         font-size: 1.3em;
-        color: var(--el-text-color-primary);
+        color: #fff;
         margin: 0 auto 30px;
+        text-align: center;
         font-weight: bold;
       }
     }
@@ -426,4 +484,12 @@
   width: 100%;
   margin: 0;
 }
+
+:deep .el-input__wrapper {
+  background-color: transparent !important;
+}
+
+:deep .el-input__inner {
+  color: #fff !important;
+}
 </style>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 917956e..1833bd3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -28,6 +28,10 @@
     type: String,
     default: '',
   }, // 按钮及输入框大小
+  icon: {
+    type: Boolean,
+    default: true,
+  }, // 是否显示图标
 })
 // 抛出事件
 const emit = defineEmits(['search', 'clear', 'toggleMore'])
@@ -80,13 +84,13 @@
       <slot name="btns" />
     </div>
     <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
+      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
         重置
       </el-button>
     </div>
diff --git a/src/views/login.vue b/src/views/login.vue
index 17dbad3..1f1a316 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -15,7 +15,8 @@
 
 const userStore = useUserStore()
 
-const banner = new URL('../assets/images/login-banner.png', import.meta.url).href
+const banner = new URL('../assets/images/login-banner.png', import.meta.url)
+  .href
 const title = import.meta.env.VITE_APP_TITLE
 
 // 表单类型，login 登录，reset 重置密码
@@ -56,9 +57,7 @@
   remember: !!localStorage.login_username,
 })
 const loginRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -67,36 +66,40 @@
 
 // 处理登录
 function handleLogin() {
-  loginFormRef.value && loginFormRef.value.validate(async (valid) => {
-    if (valid) {
-      loading.value = true
-      // 表单对象
-      const finalForm = {
-        sid: sid.value,
-        username: loginForm.value.username,
-        password: '',
-        kaptcha: loginForm.value.kaptcha,
+  loginFormRef.value
+    && loginFormRef.value.validate(async (valid) => {
+      if (valid) {
+        loading.value = true
+        // 表单对象
+        const finalForm = {
+          sid: sid.value,
+          username: loginForm.value.username,
+          password: '',
+          kaptcha: loginForm.value.kaptcha,
+        }
+        // 加密
+        finalForm.password = await RSAencrypt(loginForm.value.password)
+        userStore
+          .login(finalForm)
+          .then(() => {
+            ElMessage({
+              message: '登录成功',
+              type: 'success',
+            })
+            loading.value = false
+            if (loginForm.value.remember) {
+              localStorage.setItem('login_username', loginForm.value.username)
+            }
+            else {
+              localStorage.removeItem('login_username')
+            }
+            router.push(redirect.value)
+          })
+          .catch(() => {
+            loading.value = false
+          })
       }
-      // 加密
-      finalForm.password = await RSAencrypt(loginForm.value.password)
-      userStore.login(finalForm).then(() => {
-        ElMessage({
-          message: '登录成功',
-          type: 'success',
-        })
-        loading.value = false
-        if (loginForm.value.remember) {
-          localStorage.setItem('login_username', loginForm.value.username)
-        }
-        else {
-          localStorage.removeItem('login_username')
-        }
-        router.push(redirect.value)
-      }).catch(() => {
-        loading.value = false
-      })
-    }
-  })
+    })
 }
 // 注册
 const registerFormRef = ref<FormInstance>()
@@ -109,12 +112,8 @@
   checkPassword: '',
 })
 const registerRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -138,11 +137,12 @@
     message: '注册模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  registerFormRef.value && registerFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  registerFormRef.value
+    && registerFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 // 重置密码
@@ -154,12 +154,8 @@
   newPassword: '',
 })
 const resetRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   newPassword: [
     { required: true, trigger: 'blur', message: '请输入新密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -170,11 +166,12 @@
     message: '重置密码模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  resetFormRef.value && resetFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  resetFormRef.value
+    && resetFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 function showPassword(passwordEl: HTMLElement | undefined) {
@@ -197,21 +194,34 @@
 
 <template>
   <div>
+    <div class="bg-top-banner">
+      华东计量综合系统
+    </div>
     <div class="bg-banner" />
     <div id="login-box">
-      <div class="login-banner">
-        <div class="logo" />
-        <img :src="banner" class="banner">
-      </div>
-      <el-form v-show="formType === 'login'" ref="loginFormRef" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on">
+      <el-form
+        v-show="formType === 'login'"
+        ref="loginFormRef"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+        autocomplete="on"
+      >
         <div class="title-container">
           <h3 class="title">
-            欢迎来到 {{ title }} !
+            用户登录
           </h3>
         </div>
         <div>
           <el-form-item prop="username">
-            <el-input ref="name" v-model="loginForm.username" placeholder="用户名" text tabindex="1" autocomplete="on">
+            <el-input
+              ref="name"
+              v-model="loginForm.username"
+              placeholder="用户名"
+              text
+              tabindex="1"
+              autocomplete="on"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:user" />
@@ -220,7 +230,15 @@
             </el-input>
           </el-form-item>
           <el-form-item prop="password">
-            <el-input ref="loginPasswordRef" v-model="loginForm.password" :type="passwordType" placeholder="密码" tabindex="2" autocomplete="on" @keyup.enter="handleLogin">
+            <el-input
+              ref="loginPasswordRef"
+              v-model="loginForm.password"
+              :type="passwordType"
+              placeholder="密码"
+              tabindex="2"
+              autocomplete="on"
+              @keyup.enter="handleLogin"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:lock" />
@@ -228,7 +246,10 @@
               </template>
               <template #suffix>
                 <el-icon>
-                  <svg-icon :name="passwordType === 'password' ? 'eye' : 'eye-open'" @click="showPassword(loginPasswordRef)" />
+                  <svg-icon
+                    :name="passwordType === 'password' ? 'eye' : 'eye-open'"
+                    @click="showPassword(loginPasswordRef)"
+                  />
                 </el-icon>
               </template>
             </el-input>
@@ -239,12 +260,26 @@
             记住我
           </el-checkbox>
         </div>
-        <el-button :loading="loading" type="primary" size="large" style="width: 100%;" @click.prevent="handleLogin">
+        <el-button
+          :loading="loading"
+          type="primary"
+          size="large"
+          style="width: 100%;"
+          @click.prevent="handleLogin"
+        >
           登录
         </el-button>
-        <div v-if="showKaptcha" style="margin-top: 20px; margin-bottom: -20px; text-align: center;">
+        <div
+          v-if="showKaptcha"
+          style="margin-top: 20px; margin-bottom: -20px; text-align: center;"
+        >
           <el-divider>演示账号一键登录</el-divider>
-          <el-button type="primary" size="small" plain @click="testusername('admin')">
+          <el-button
+            type="primary"
+            size="small"
+            plain
+            @click="testusername('admin')"
+          >
             admin
           </el-button>
           <el-button size="small" plain @click="testusername('test')">
@@ -305,12 +340,30 @@
   display: none;
 }
 
+.bg-top-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 17vh;
+  z-index: 999;
+  line-height: 10vh;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  background:
+    url("../assets/images/login-image/banner.png") no-repeat
+    center / cover;
+}
+
 .bg-banner {
   position: fixed;
   z-index: 0;
   width: 100%;
   height: 100%;
-  background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  background:
+    url("../assets/images/login-image/bg.png") no-repeat center /
+    cover;
 }
 
 #login-box {
@@ -320,7 +373,8 @@
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
-  background-color: var(--el-bg-color);
+  // background-color: var(--el-bg-color);
+
   border-radius: 10px;
   overflow: hidden;
   box-shadow: var(--el-box-shadow);
@@ -357,6 +411,9 @@
     min-height: 500px;
     width: 500px;
     padding: 50px;
+    background:
+      url("../assets/images/login-image/frame.png") no-repeat
+      center / cover;
     overflow: hidden;
 
     .title-container {
@@ -364,8 +421,9 @@
 
       .title {
         font-size: 1.3em;
-        color: var(--el-text-color-primary);
+        color: #fff;
         margin: 0 auto 30px;
+        text-align: center;
         font-weight: bold;
       }
     }
@@ -426,4 +484,12 @@
   width: 100%;
   margin: 0;
 }
+
+:deep .el-input__wrapper {
+  background-color: transparent !important;
+}
+
+:deep .el-input__inner {
+  color: #fff !important;
+}
 </style>
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index f23e6aa..27c0ce7 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,17 +1,19 @@
 <script lang="ts" setup name="ListSource">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
-import type { IlistQuery } from './list_interface'
+import { ElLoading, ElMessage } from 'element-plus'
+import type { IlistQuery, IlistType } from './list_interface'
 import ListSourceAdd from './listAdd.vue'
 import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
-
+import { uploadApi } from '@/api/system/notice'
+import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
   supplierNo: '', // 业务内容
   supplierName: '', // 溯源供方名称
   businessContent: '', // 溯源供方编号
   offset: 1,
-  limit: 20,
+  limit: 10,
 })
 // 控制是否显示新增页面
 const show = ref(true)
@@ -79,13 +81,18 @@
   })
 }
 fetchData(true)
+// 选中的内容
+const checkoutList = ref([])
+// 文件上传input
+const fileRef = ref()
 // 详情id
 const infoId = ref('0')
+const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
 // 多选发生改变时
 const handleSelectionChange = (e: any) => {
-  console.log(e)
+  checkoutList.value = e
 }
 // 点击编辑/详情
 const handleEdit = (index: string, row: object, value: string) => {
@@ -95,17 +102,34 @@
 }
 // 点击删除
 const handleDelete = (index: string, row: object) => {
-  getSoucreListDelete({ id: row.id }).then((res) => {
-  })
+  isPopconfirmShow.value = true
 }
 // 分页
-const handleSizeChange = (val: string) => {}
+const handleSizeChange = (val: number) => {
+  listQuery.value.limit = val
+  fetchData(true)
+}
 // 分页
-const handleCurrentChange = (val: string) => {}
+const handleCurrentChange = (val: number) => {
+  listQuery.value.offset = val
+  fetchData(true)
+}
 // 点击搜索
 const searchList = () => {
   fetchData(true)
 }
+const confirmEvent = () => {
+  console.log('confirm!')
+  getSoucreListDelete({ id: row.id }).then((res) => {
+    if (res.code === 200) {
+      isPopconfirmShow.value = false
+      fetchData(true)
+    }
+  })
+}
+const cancelEvent = () => {
+  console.log('cancel!')
+}
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -119,6 +143,56 @@
 // 关闭编辑
 const close = () => {
   show.value = true
+  fetchData(true)
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
 }
 // 点击右上角一排按钮
 const handelClick = (type: string) => {
@@ -126,6 +200,12 @@
     buttonType.value = ''
     show.value = false
   }
+  else if (type === '导出') {
+    exportExcelBtn()
+  }
+  else if (type === '批量导入') {
+    upload()
+  }
 }
 </script>
 
@@ -135,6 +215,7 @@
       <search-area
         type="seperate"
         need-clear
+        :icon="false"
         @search="searchList"
         @clear="clearList"
       >
@@ -174,6 +255,7 @@
             >
               {{ item }}
             </el-button>
+            <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
           </div>
         </div>
         <el-table
@@ -233,7 +315,23 @@
         @current-change="handleCurrentChange"
       />
     </div>
+    <el-dialog
+      v-model="isPopconfirmShow"
+      title="确认框"
+      width="30%"
+    >
+      <span>确定删除吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="isPopconfirmShow = false">取消</el-button>
+          <el-button type="primary" @click="confirmEvent">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
+
   <list-source-add
     v-else
     :info-id="infoId"
@@ -253,8 +351,4 @@
   position: fixed;
   bottom: 0;
 }
-
-.el-button__text--expand {
-  text-align: center !important;
-}
 </style>

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 917956e..1833bd3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -28,6 +28,10 @@
     type: String,
     default: '',
   }, // 按钮及输入框大小
+  icon: {
+    type: Boolean,
+    default: true,
+  }, // 是否显示图标
 })
 // 抛出事件
 const emit = defineEmits(['search', 'clear', 'toggleMore'])
@@ -80,13 +84,13 @@
       <slot name="btns" />
     </div>
     <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
+      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
         重置
       </el-button>
     </div>
diff --git a/src/views/login.vue b/src/views/login.vue
index 17dbad3..1f1a316 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -15,7 +15,8 @@
 
 const userStore = useUserStore()
 
-const banner = new URL('../assets/images/login-banner.png', import.meta.url).href
+const banner = new URL('../assets/images/login-banner.png', import.meta.url)
+  .href
 const title = import.meta.env.VITE_APP_TITLE
 
 // 表单类型，login 登录，reset 重置密码
@@ -56,9 +57,7 @@
   remember: !!localStorage.login_username,
 })
 const loginRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -67,36 +66,40 @@
 
 // 处理登录
 function handleLogin() {
-  loginFormRef.value && loginFormRef.value.validate(async (valid) => {
-    if (valid) {
-      loading.value = true
-      // 表单对象
-      const finalForm = {
-        sid: sid.value,
-        username: loginForm.value.username,
-        password: '',
-        kaptcha: loginForm.value.kaptcha,
+  loginFormRef.value
+    && loginFormRef.value.validate(async (valid) => {
+      if (valid) {
+        loading.value = true
+        // 表单对象
+        const finalForm = {
+          sid: sid.value,
+          username: loginForm.value.username,
+          password: '',
+          kaptcha: loginForm.value.kaptcha,
+        }
+        // 加密
+        finalForm.password = await RSAencrypt(loginForm.value.password)
+        userStore
+          .login(finalForm)
+          .then(() => {
+            ElMessage({
+              message: '登录成功',
+              type: 'success',
+            })
+            loading.value = false
+            if (loginForm.value.remember) {
+              localStorage.setItem('login_username', loginForm.value.username)
+            }
+            else {
+              localStorage.removeItem('login_username')
+            }
+            router.push(redirect.value)
+          })
+          .catch(() => {
+            loading.value = false
+          })
       }
-      // 加密
-      finalForm.password = await RSAencrypt(loginForm.value.password)
-      userStore.login(finalForm).then(() => {
-        ElMessage({
-          message: '登录成功',
-          type: 'success',
-        })
-        loading.value = false
-        if (loginForm.value.remember) {
-          localStorage.setItem('login_username', loginForm.value.username)
-        }
-        else {
-          localStorage.removeItem('login_username')
-        }
-        router.push(redirect.value)
-      }).catch(() => {
-        loading.value = false
-      })
-    }
-  })
+    })
 }
 // 注册
 const registerFormRef = ref<FormInstance>()
@@ -109,12 +112,8 @@
   checkPassword: '',
 })
 const registerRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -138,11 +137,12 @@
     message: '注册模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  registerFormRef.value && registerFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  registerFormRef.value
+    && registerFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 // 重置密码
@@ -154,12 +154,8 @@
   newPassword: '',
 })
 const resetRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   newPassword: [
     { required: true, trigger: 'blur', message: '请输入新密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -170,11 +166,12 @@
     message: '重置密码模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  resetFormRef.value && resetFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  resetFormRef.value
+    && resetFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 function showPassword(passwordEl: HTMLElement | undefined) {
@@ -197,21 +194,34 @@
 
 <template>
   <div>
+    <div class="bg-top-banner">
+      华东计量综合系统
+    </div>
     <div class="bg-banner" />
     <div id="login-box">
-      <div class="login-banner">
-        <div class="logo" />
-        <img :src="banner" class="banner">
-      </div>
-      <el-form v-show="formType === 'login'" ref="loginFormRef" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on">
+      <el-form
+        v-show="formType === 'login'"
+        ref="loginFormRef"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+        autocomplete="on"
+      >
         <div class="title-container">
           <h3 class="title">
-            欢迎来到 {{ title }} !
+            用户登录
           </h3>
         </div>
         <div>
           <el-form-item prop="username">
-            <el-input ref="name" v-model="loginForm.username" placeholder="用户名" text tabindex="1" autocomplete="on">
+            <el-input
+              ref="name"
+              v-model="loginForm.username"
+              placeholder="用户名"
+              text
+              tabindex="1"
+              autocomplete="on"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:user" />
@@ -220,7 +230,15 @@
             </el-input>
           </el-form-item>
           <el-form-item prop="password">
-            <el-input ref="loginPasswordRef" v-model="loginForm.password" :type="passwordType" placeholder="密码" tabindex="2" autocomplete="on" @keyup.enter="handleLogin">
+            <el-input
+              ref="loginPasswordRef"
+              v-model="loginForm.password"
+              :type="passwordType"
+              placeholder="密码"
+              tabindex="2"
+              autocomplete="on"
+              @keyup.enter="handleLogin"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:lock" />
@@ -228,7 +246,10 @@
               </template>
               <template #suffix>
                 <el-icon>
-                  <svg-icon :name="passwordType === 'password' ? 'eye' : 'eye-open'" @click="showPassword(loginPasswordRef)" />
+                  <svg-icon
+                    :name="passwordType === 'password' ? 'eye' : 'eye-open'"
+                    @click="showPassword(loginPasswordRef)"
+                  />
                 </el-icon>
               </template>
             </el-input>
@@ -239,12 +260,26 @@
             记住我
           </el-checkbox>
         </div>
-        <el-button :loading="loading" type="primary" size="large" style="width: 100%;" @click.prevent="handleLogin">
+        <el-button
+          :loading="loading"
+          type="primary"
+          size="large"
+          style="width: 100%;"
+          @click.prevent="handleLogin"
+        >
           登录
         </el-button>
-        <div v-if="showKaptcha" style="margin-top: 20px; margin-bottom: -20px; text-align: center;">
+        <div
+          v-if="showKaptcha"
+          style="margin-top: 20px; margin-bottom: -20px; text-align: center;"
+        >
           <el-divider>演示账号一键登录</el-divider>
-          <el-button type="primary" size="small" plain @click="testusername('admin')">
+          <el-button
+            type="primary"
+            size="small"
+            plain
+            @click="testusername('admin')"
+          >
             admin
           </el-button>
           <el-button size="small" plain @click="testusername('test')">
@@ -305,12 +340,30 @@
   display: none;
 }
 
+.bg-top-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 17vh;
+  z-index: 999;
+  line-height: 10vh;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  background:
+    url("../assets/images/login-image/banner.png") no-repeat
+    center / cover;
+}
+
 .bg-banner {
   position: fixed;
   z-index: 0;
   width: 100%;
   height: 100%;
-  background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  background:
+    url("../assets/images/login-image/bg.png") no-repeat center /
+    cover;
 }
 
 #login-box {
@@ -320,7 +373,8 @@
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
-  background-color: var(--el-bg-color);
+  // background-color: var(--el-bg-color);
+
   border-radius: 10px;
   overflow: hidden;
   box-shadow: var(--el-box-shadow);
@@ -357,6 +411,9 @@
     min-height: 500px;
     width: 500px;
     padding: 50px;
+    background:
+      url("../assets/images/login-image/frame.png") no-repeat
+      center / cover;
     overflow: hidden;
 
     .title-container {
@@ -364,8 +421,9 @@
 
       .title {
         font-size: 1.3em;
-        color: var(--el-text-color-primary);
+        color: #fff;
         margin: 0 auto 30px;
+        text-align: center;
         font-weight: bold;
       }
     }
@@ -426,4 +484,12 @@
   width: 100%;
   margin: 0;
 }
+
+:deep .el-input__wrapper {
+  background-color: transparent !important;
+}
+
+:deep .el-input__inner {
+  color: #fff !important;
+}
 </style>
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index f23e6aa..27c0ce7 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,17 +1,19 @@
 <script lang="ts" setup name="ListSource">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
-import type { IlistQuery } from './list_interface'
+import { ElLoading, ElMessage } from 'element-plus'
+import type { IlistQuery, IlistType } from './list_interface'
 import ListSourceAdd from './listAdd.vue'
 import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
-
+import { uploadApi } from '@/api/system/notice'
+import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
   supplierNo: '', // 业务内容
   supplierName: '', // 溯源供方名称
   businessContent: '', // 溯源供方编号
   offset: 1,
-  limit: 20,
+  limit: 10,
 })
 // 控制是否显示新增页面
 const show = ref(true)
@@ -79,13 +81,18 @@
   })
 }
 fetchData(true)
+// 选中的内容
+const checkoutList = ref([])
+// 文件上传input
+const fileRef = ref()
 // 详情id
 const infoId = ref('0')
+const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
 // 多选发生改变时
 const handleSelectionChange = (e: any) => {
-  console.log(e)
+  checkoutList.value = e
 }
 // 点击编辑/详情
 const handleEdit = (index: string, row: object, value: string) => {
@@ -95,17 +102,34 @@
 }
 // 点击删除
 const handleDelete = (index: string, row: object) => {
-  getSoucreListDelete({ id: row.id }).then((res) => {
-  })
+  isPopconfirmShow.value = true
 }
 // 分页
-const handleSizeChange = (val: string) => {}
+const handleSizeChange = (val: number) => {
+  listQuery.value.limit = val
+  fetchData(true)
+}
 // 分页
-const handleCurrentChange = (val: string) => {}
+const handleCurrentChange = (val: number) => {
+  listQuery.value.offset = val
+  fetchData(true)
+}
 // 点击搜索
 const searchList = () => {
   fetchData(true)
 }
+const confirmEvent = () => {
+  console.log('confirm!')
+  getSoucreListDelete({ id: row.id }).then((res) => {
+    if (res.code === 200) {
+      isPopconfirmShow.value = false
+      fetchData(true)
+    }
+  })
+}
+const cancelEvent = () => {
+  console.log('cancel!')
+}
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -119,6 +143,56 @@
 // 关闭编辑
 const close = () => {
   show.value = true
+  fetchData(true)
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
 }
 // 点击右上角一排按钮
 const handelClick = (type: string) => {
@@ -126,6 +200,12 @@
     buttonType.value = ''
     show.value = false
   }
+  else if (type === '导出') {
+    exportExcelBtn()
+  }
+  else if (type === '批量导入') {
+    upload()
+  }
 }
 </script>
 
@@ -135,6 +215,7 @@
       <search-area
         type="seperate"
         need-clear
+        :icon="false"
         @search="searchList"
         @clear="clearList"
       >
@@ -174,6 +255,7 @@
             >
               {{ item }}
             </el-button>
+            <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
           </div>
         </div>
         <el-table
@@ -233,7 +315,23 @@
         @current-change="handleCurrentChange"
       />
     </div>
+    <el-dialog
+      v-model="isPopconfirmShow"
+      title="确认框"
+      width="30%"
+    >
+      <span>确定删除吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="isPopconfirmShow = false">取消</el-button>
+          <el-button type="primary" @click="confirmEvent">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
+
   <list-source-add
     v-else
     :info-id="infoId"
@@ -253,8 +351,4 @@
   position: fixed;
   bottom: 0;
 }
-
-.el-button__text--expand {
-  text-align: center !important;
-}
 </style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
index bf2a4ad..b6fa653 100644
--- a/src/views/measure/source/listAdd.vue
+++ b/src/views/measure/source/listAdd.vue
@@ -1,8 +1,11 @@
 <script lang="ts" setup name="ListSourceAdd">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
+import { ElMessage, genFileId } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 import type { IformInline } from './list_interface'
-import { getSoucreListAdd, getSoucreListDetail, getSoucreListlevelType } from '@/api/system/source'
+import { exportFile } from '@/utils/exportUtils'
+import { getSoucreLisListExport, getSoucreLisUpdate, getSoucreListAdd, getSoucreListDetail, getSoucreListlevelType } from '@/api/system/source'
 const props = defineProps({
   infoId: {
     type: String,
@@ -68,6 +71,7 @@
   phone: '',
 })
 const SelectionList = ref([])
+const upload = ref<UploadInstance>()
 const close = () => {
   emit('close')
 }
@@ -148,13 +152,55 @@
 }
 // 点击提交/导出按钮
 const getAddList = (type: string) => {
-  if (type === '提交') {
+  if (formInline.value.supplierNo === null) {
+    return ElMessage.error('请填写溯源供方编号')
+  }
+  else if (formInline.value.supplierName === null) {
+    return ElMessage.error('请填写公司名称')
+  }
+  else if (formInline.value.businessContent === null) {
+    return ElMessage.error('请填写业务内容')
+  }
+  else if (formInline.value.taxNumber === null) {
+    return ElMessage.error('请填写税号')
+  }
+  if (type === '提交' && props.buttonType !== '编辑') {
     getSoucreListAdd(formInline.value).then((res) => {
       if (res.code === 200) {
         close()
       }
     })
   }
+  else if (type === '提交' && props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    getSoucreLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    const params = {
+      businessContent: formInline.value.businessContent,
+      supplierName: formInline.value.supplierName,
+      supplierNo: formInline.value.supplierNo,
+    }
+    getSoucreLisListExport(params).then((res) => {
+      exportFile(res.data, '溯源供方详情')
+    })
+  }
+}
+// 文件上传限制
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  console.log(files, 'wenjian')
+  upload.value!.clearFiles()
+  const file = files[0] as UploadRawFile
+  file.uid = genFileId()
+  upload.value!.handleStart(file)
+}
+// 文件上传成功
+const uploadSuccess = (files) => {
+  formInline.value.minioFileName = files.name
 }
 if (props.buttonType !== '') {
   getInfo()
@@ -290,7 +336,7 @@
           />
         </el-form-item>
       </div>
-      <div class="input-width">
+      <span class="input-width">
         <el-form-item label="公司业务范围:">
           <el-input
             v-model="formInline.businessScope"
@@ -298,88 +344,50 @@
             :disabled="buttonType === '详情'"
           />
         </el-form-item>
-      </div>
-      <div class="input-width">
+      </span>
+      <span class="input-width">
         <el-form-item label="备注:">
           <el-input v-model="formInline.remark" placeholder="请输入备注" :disabled="buttonType === '详情'" />
         </el-form-item>
-      </div>
+      </span>
       <div class="info-appendix">
         <el-form-item label="附件:">
-          <span>扫描件.pdf X</span>
-          <el-button :disabled="buttonType === '详情'">
-            上传
-          </el-button>
+          <el-upload
+            ref="upload"
+            class="upload-demo"
+            action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+            :limit="1"
+            :on-exceed="handleExceed"
+            :on-change="uploadSuccess"
+            :auto-upload="false"
+          >
+            <span>{{ '扫描件.pdf X ' || formInline.minioFileName }}</span>
+            <el-button :disabled="buttonType === '详情'">
+              上传
+            </el-button>
+          </el-upload>
         </el-form-item>
       </div>
     </el-form>
-    <el-tabs type="border-card">
-      <el-tab-pane label="人员信息">
-        <div class="table-top">
-          <div class="table-top-title">
-            人员信息
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'" @click="deleteList">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'" @click="addRoow">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" />
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="业务记录">
-        <div class="table-top">
-          <div class="table-top-title">
-            业务记录
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" />
-          <el-table-column prop="address" label="Address" />
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="标准装置信息">
-        <div class="table-top">
-          <div class="table-top-title">
-            标准装置信息
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" />
-          <el-table-column prop="address" label="Address" />
-        </el-table>
-      </el-tab-pane>
-    </el-tabs>
   </div>
+  <div class="table-top">
+    <div class="table-top-title">
+      人员信息
+    </div>
+    <div class="table-top-button">
+      <el-button :disabled="buttonType === '详情'" @click="deleteList">
+        删除行
+      </el-button>
+      <el-button :disabled="buttonType === '详情'" @click="addRoow">
+        增加行
+      </el-button>
+    </div>
+  </div>
+  <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;" @selection-change="handleSelectionChange">
+    <el-table-column type="selection" width="55" />
+    <el-table-column align="center" label="序号" width="80" type="index" />
+    <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" />
+  </el-table>
   <el-dialog
     v-model="dialogVisible"
     title="添加人员信息"
@@ -406,10 +414,15 @@
 
 <style lang="scss" scoped>
 .top-info {
+  width: 100%;
+  height: 50px;
   padding: 10px 50px;
+  margin-top: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
 
   .title {
     width: 75%;
@@ -418,7 +431,10 @@
 }
 
 .info-content {
+  margin-top: 10px;
   padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
 
   .info-dizhi {
     margin-right: 155px;
@@ -431,11 +447,11 @@
 }
 
 .info-dizhi .el-input {
-  width: 15vw;
+  width: 20vw;
 }
 
 .input-width .el-input {
-  width: 40vw;
+  width: 30vw;
 }
 
 .info-appendix span {
@@ -443,9 +459,13 @@
 }
 
 .table-top {
+  margin-top: 10px;
+  padding: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  border-radius: 10px;
+  background-color: #fff;
 
   .table-top-title {
     width: 60vw;

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 917956e..1833bd3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -28,6 +28,10 @@
     type: String,
     default: '',
   }, // 按钮及输入框大小
+  icon: {
+    type: Boolean,
+    default: true,
+  }, // 是否显示图标
 })
 // 抛出事件
 const emit = defineEmits(['search', 'clear', 'toggleMore'])
@@ -80,13 +84,13 @@
       <slot name="btns" />
     </div>
     <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
+      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
         重置
       </el-button>
     </div>
diff --git a/src/views/login.vue b/src/views/login.vue
index 17dbad3..1f1a316 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -15,7 +15,8 @@
 
 const userStore = useUserStore()
 
-const banner = new URL('../assets/images/login-banner.png', import.meta.url).href
+const banner = new URL('../assets/images/login-banner.png', import.meta.url)
+  .href
 const title = import.meta.env.VITE_APP_TITLE
 
 // 表单类型，login 登录，reset 重置密码
@@ -56,9 +57,7 @@
   remember: !!localStorage.login_username,
 })
 const loginRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -67,36 +66,40 @@
 
 // 处理登录
 function handleLogin() {
-  loginFormRef.value && loginFormRef.value.validate(async (valid) => {
-    if (valid) {
-      loading.value = true
-      // 表单对象
-      const finalForm = {
-        sid: sid.value,
-        username: loginForm.value.username,
-        password: '',
-        kaptcha: loginForm.value.kaptcha,
+  loginFormRef.value
+    && loginFormRef.value.validate(async (valid) => {
+      if (valid) {
+        loading.value = true
+        // 表单对象
+        const finalForm = {
+          sid: sid.value,
+          username: loginForm.value.username,
+          password: '',
+          kaptcha: loginForm.value.kaptcha,
+        }
+        // 加密
+        finalForm.password = await RSAencrypt(loginForm.value.password)
+        userStore
+          .login(finalForm)
+          .then(() => {
+            ElMessage({
+              message: '登录成功',
+              type: 'success',
+            })
+            loading.value = false
+            if (loginForm.value.remember) {
+              localStorage.setItem('login_username', loginForm.value.username)
+            }
+            else {
+              localStorage.removeItem('login_username')
+            }
+            router.push(redirect.value)
+          })
+          .catch(() => {
+            loading.value = false
+          })
       }
-      // 加密
-      finalForm.password = await RSAencrypt(loginForm.value.password)
-      userStore.login(finalForm).then(() => {
-        ElMessage({
-          message: '登录成功',
-          type: 'success',
-        })
-        loading.value = false
-        if (loginForm.value.remember) {
-          localStorage.setItem('login_username', loginForm.value.username)
-        }
-        else {
-          localStorage.removeItem('login_username')
-        }
-        router.push(redirect.value)
-      }).catch(() => {
-        loading.value = false
-      })
-    }
-  })
+    })
 }
 // 注册
 const registerFormRef = ref<FormInstance>()
@@ -109,12 +112,8 @@
   checkPassword: '',
 })
 const registerRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -138,11 +137,12 @@
     message: '注册模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  registerFormRef.value && registerFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  registerFormRef.value
+    && registerFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 // 重置密码
@@ -154,12 +154,8 @@
   newPassword: '',
 })
 const resetRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   newPassword: [
     { required: true, trigger: 'blur', message: '请输入新密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -170,11 +166,12 @@
     message: '重置密码模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  resetFormRef.value && resetFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  resetFormRef.value
+    && resetFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 function showPassword(passwordEl: HTMLElement | undefined) {
@@ -197,21 +194,34 @@
 
 <template>
   <div>
+    <div class="bg-top-banner">
+      华东计量综合系统
+    </div>
     <div class="bg-banner" />
     <div id="login-box">
-      <div class="login-banner">
-        <div class="logo" />
-        <img :src="banner" class="banner">
-      </div>
-      <el-form v-show="formType === 'login'" ref="loginFormRef" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on">
+      <el-form
+        v-show="formType === 'login'"
+        ref="loginFormRef"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+        autocomplete="on"
+      >
         <div class="title-container">
           <h3 class="title">
-            欢迎来到 {{ title }} !
+            用户登录
           </h3>
         </div>
         <div>
           <el-form-item prop="username">
-            <el-input ref="name" v-model="loginForm.username" placeholder="用户名" text tabindex="1" autocomplete="on">
+            <el-input
+              ref="name"
+              v-model="loginForm.username"
+              placeholder="用户名"
+              text
+              tabindex="1"
+              autocomplete="on"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:user" />
@@ -220,7 +230,15 @@
             </el-input>
           </el-form-item>
           <el-form-item prop="password">
-            <el-input ref="loginPasswordRef" v-model="loginForm.password" :type="passwordType" placeholder="密码" tabindex="2" autocomplete="on" @keyup.enter="handleLogin">
+            <el-input
+              ref="loginPasswordRef"
+              v-model="loginForm.password"
+              :type="passwordType"
+              placeholder="密码"
+              tabindex="2"
+              autocomplete="on"
+              @keyup.enter="handleLogin"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:lock" />
@@ -228,7 +246,10 @@
               </template>
               <template #suffix>
                 <el-icon>
-                  <svg-icon :name="passwordType === 'password' ? 'eye' : 'eye-open'" @click="showPassword(loginPasswordRef)" />
+                  <svg-icon
+                    :name="passwordType === 'password' ? 'eye' : 'eye-open'"
+                    @click="showPassword(loginPasswordRef)"
+                  />
                 </el-icon>
               </template>
             </el-input>
@@ -239,12 +260,26 @@
             记住我
           </el-checkbox>
         </div>
-        <el-button :loading="loading" type="primary" size="large" style="width: 100%;" @click.prevent="handleLogin">
+        <el-button
+          :loading="loading"
+          type="primary"
+          size="large"
+          style="width: 100%;"
+          @click.prevent="handleLogin"
+        >
           登录
         </el-button>
-        <div v-if="showKaptcha" style="margin-top: 20px; margin-bottom: -20px; text-align: center;">
+        <div
+          v-if="showKaptcha"
+          style="margin-top: 20px; margin-bottom: -20px; text-align: center;"
+        >
           <el-divider>演示账号一键登录</el-divider>
-          <el-button type="primary" size="small" plain @click="testusername('admin')">
+          <el-button
+            type="primary"
+            size="small"
+            plain
+            @click="testusername('admin')"
+          >
             admin
           </el-button>
           <el-button size="small" plain @click="testusername('test')">
@@ -305,12 +340,30 @@
   display: none;
 }
 
+.bg-top-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 17vh;
+  z-index: 999;
+  line-height: 10vh;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  background:
+    url("../assets/images/login-image/banner.png") no-repeat
+    center / cover;
+}
+
 .bg-banner {
   position: fixed;
   z-index: 0;
   width: 100%;
   height: 100%;
-  background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  background:
+    url("../assets/images/login-image/bg.png") no-repeat center /
+    cover;
 }
 
 #login-box {
@@ -320,7 +373,8 @@
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
-  background-color: var(--el-bg-color);
+  // background-color: var(--el-bg-color);
+
   border-radius: 10px;
   overflow: hidden;
   box-shadow: var(--el-box-shadow);
@@ -357,6 +411,9 @@
     min-height: 500px;
     width: 500px;
     padding: 50px;
+    background:
+      url("../assets/images/login-image/frame.png") no-repeat
+      center / cover;
     overflow: hidden;
 
     .title-container {
@@ -364,8 +421,9 @@
 
       .title {
         font-size: 1.3em;
-        color: var(--el-text-color-primary);
+        color: #fff;
         margin: 0 auto 30px;
+        text-align: center;
         font-weight: bold;
       }
     }
@@ -426,4 +484,12 @@
   width: 100%;
   margin: 0;
 }
+
+:deep .el-input__wrapper {
+  background-color: transparent !important;
+}
+
+:deep .el-input__inner {
+  color: #fff !important;
+}
 </style>
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index f23e6aa..27c0ce7 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,17 +1,19 @@
 <script lang="ts" setup name="ListSource">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
-import type { IlistQuery } from './list_interface'
+import { ElLoading, ElMessage } from 'element-plus'
+import type { IlistQuery, IlistType } from './list_interface'
 import ListSourceAdd from './listAdd.vue'
 import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
-
+import { uploadApi } from '@/api/system/notice'
+import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
   supplierNo: '', // 业务内容
   supplierName: '', // 溯源供方名称
   businessContent: '', // 溯源供方编号
   offset: 1,
-  limit: 20,
+  limit: 10,
 })
 // 控制是否显示新增页面
 const show = ref(true)
@@ -79,13 +81,18 @@
   })
 }
 fetchData(true)
+// 选中的内容
+const checkoutList = ref([])
+// 文件上传input
+const fileRef = ref()
 // 详情id
 const infoId = ref('0')
+const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
 // 多选发生改变时
 const handleSelectionChange = (e: any) => {
-  console.log(e)
+  checkoutList.value = e
 }
 // 点击编辑/详情
 const handleEdit = (index: string, row: object, value: string) => {
@@ -95,17 +102,34 @@
 }
 // 点击删除
 const handleDelete = (index: string, row: object) => {
-  getSoucreListDelete({ id: row.id }).then((res) => {
-  })
+  isPopconfirmShow.value = true
 }
 // 分页
-const handleSizeChange = (val: string) => {}
+const handleSizeChange = (val: number) => {
+  listQuery.value.limit = val
+  fetchData(true)
+}
 // 分页
-const handleCurrentChange = (val: string) => {}
+const handleCurrentChange = (val: number) => {
+  listQuery.value.offset = val
+  fetchData(true)
+}
 // 点击搜索
 const searchList = () => {
   fetchData(true)
 }
+const confirmEvent = () => {
+  console.log('confirm!')
+  getSoucreListDelete({ id: row.id }).then((res) => {
+    if (res.code === 200) {
+      isPopconfirmShow.value = false
+      fetchData(true)
+    }
+  })
+}
+const cancelEvent = () => {
+  console.log('cancel!')
+}
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -119,6 +143,56 @@
 // 关闭编辑
 const close = () => {
   show.value = true
+  fetchData(true)
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
 }
 // 点击右上角一排按钮
 const handelClick = (type: string) => {
@@ -126,6 +200,12 @@
     buttonType.value = ''
     show.value = false
   }
+  else if (type === '导出') {
+    exportExcelBtn()
+  }
+  else if (type === '批量导入') {
+    upload()
+  }
 }
 </script>
 
@@ -135,6 +215,7 @@
       <search-area
         type="seperate"
         need-clear
+        :icon="false"
         @search="searchList"
         @clear="clearList"
       >
@@ -174,6 +255,7 @@
             >
               {{ item }}
             </el-button>
+            <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
           </div>
         </div>
         <el-table
@@ -233,7 +315,23 @@
         @current-change="handleCurrentChange"
       />
     </div>
+    <el-dialog
+      v-model="isPopconfirmShow"
+      title="确认框"
+      width="30%"
+    >
+      <span>确定删除吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="isPopconfirmShow = false">取消</el-button>
+          <el-button type="primary" @click="confirmEvent">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
+
   <list-source-add
     v-else
     :info-id="infoId"
@@ -253,8 +351,4 @@
   position: fixed;
   bottom: 0;
 }
-
-.el-button__text--expand {
-  text-align: center !important;
-}
 </style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
index bf2a4ad..b6fa653 100644
--- a/src/views/measure/source/listAdd.vue
+++ b/src/views/measure/source/listAdd.vue
@@ -1,8 +1,11 @@
 <script lang="ts" setup name="ListSourceAdd">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
+import { ElMessage, genFileId } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 import type { IformInline } from './list_interface'
-import { getSoucreListAdd, getSoucreListDetail, getSoucreListlevelType } from '@/api/system/source'
+import { exportFile } from '@/utils/exportUtils'
+import { getSoucreLisListExport, getSoucreLisUpdate, getSoucreListAdd, getSoucreListDetail, getSoucreListlevelType } from '@/api/system/source'
 const props = defineProps({
   infoId: {
     type: String,
@@ -68,6 +71,7 @@
   phone: '',
 })
 const SelectionList = ref([])
+const upload = ref<UploadInstance>()
 const close = () => {
   emit('close')
 }
@@ -148,13 +152,55 @@
 }
 // 点击提交/导出按钮
 const getAddList = (type: string) => {
-  if (type === '提交') {
+  if (formInline.value.supplierNo === null) {
+    return ElMessage.error('请填写溯源供方编号')
+  }
+  else if (formInline.value.supplierName === null) {
+    return ElMessage.error('请填写公司名称')
+  }
+  else if (formInline.value.businessContent === null) {
+    return ElMessage.error('请填写业务内容')
+  }
+  else if (formInline.value.taxNumber === null) {
+    return ElMessage.error('请填写税号')
+  }
+  if (type === '提交' && props.buttonType !== '编辑') {
     getSoucreListAdd(formInline.value).then((res) => {
       if (res.code === 200) {
         close()
       }
     })
   }
+  else if (type === '提交' && props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    getSoucreLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    const params = {
+      businessContent: formInline.value.businessContent,
+      supplierName: formInline.value.supplierName,
+      supplierNo: formInline.value.supplierNo,
+    }
+    getSoucreLisListExport(params).then((res) => {
+      exportFile(res.data, '溯源供方详情')
+    })
+  }
+}
+// 文件上传限制
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  console.log(files, 'wenjian')
+  upload.value!.clearFiles()
+  const file = files[0] as UploadRawFile
+  file.uid = genFileId()
+  upload.value!.handleStart(file)
+}
+// 文件上传成功
+const uploadSuccess = (files) => {
+  formInline.value.minioFileName = files.name
 }
 if (props.buttonType !== '') {
   getInfo()
@@ -290,7 +336,7 @@
           />
         </el-form-item>
       </div>
-      <div class="input-width">
+      <span class="input-width">
         <el-form-item label="公司业务范围:">
           <el-input
             v-model="formInline.businessScope"
@@ -298,88 +344,50 @@
             :disabled="buttonType === '详情'"
           />
         </el-form-item>
-      </div>
-      <div class="input-width">
+      </span>
+      <span class="input-width">
         <el-form-item label="备注:">
           <el-input v-model="formInline.remark" placeholder="请输入备注" :disabled="buttonType === '详情'" />
         </el-form-item>
-      </div>
+      </span>
       <div class="info-appendix">
         <el-form-item label="附件:">
-          <span>扫描件.pdf X</span>
-          <el-button :disabled="buttonType === '详情'">
-            上传
-          </el-button>
+          <el-upload
+            ref="upload"
+            class="upload-demo"
+            action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+            :limit="1"
+            :on-exceed="handleExceed"
+            :on-change="uploadSuccess"
+            :auto-upload="false"
+          >
+            <span>{{ '扫描件.pdf X ' || formInline.minioFileName }}</span>
+            <el-button :disabled="buttonType === '详情'">
+              上传
+            </el-button>
+          </el-upload>
         </el-form-item>
       </div>
     </el-form>
-    <el-tabs type="border-card">
-      <el-tab-pane label="人员信息">
-        <div class="table-top">
-          <div class="table-top-title">
-            人员信息
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'" @click="deleteList">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'" @click="addRoow">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" />
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="业务记录">
-        <div class="table-top">
-          <div class="table-top-title">
-            业务记录
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" />
-          <el-table-column prop="address" label="Address" />
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="标准装置信息">
-        <div class="table-top">
-          <div class="table-top-title">
-            标准装置信息
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" />
-          <el-table-column prop="address" label="Address" />
-        </el-table>
-      </el-tab-pane>
-    </el-tabs>
   </div>
+  <div class="table-top">
+    <div class="table-top-title">
+      人员信息
+    </div>
+    <div class="table-top-button">
+      <el-button :disabled="buttonType === '详情'" @click="deleteList">
+        删除行
+      </el-button>
+      <el-button :disabled="buttonType === '详情'" @click="addRoow">
+        增加行
+      </el-button>
+    </div>
+  </div>
+  <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;" @selection-change="handleSelectionChange">
+    <el-table-column type="selection" width="55" />
+    <el-table-column align="center" label="序号" width="80" type="index" />
+    <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" />
+  </el-table>
   <el-dialog
     v-model="dialogVisible"
     title="添加人员信息"
@@ -406,10 +414,15 @@
 
 <style lang="scss" scoped>
 .top-info {
+  width: 100%;
+  height: 50px;
   padding: 10px 50px;
+  margin-top: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
 
   .title {
     width: 75%;
@@ -418,7 +431,10 @@
 }
 
 .info-content {
+  margin-top: 10px;
   padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
 
   .info-dizhi {
     margin-right: 155px;
@@ -431,11 +447,11 @@
 }
 
 .info-dizhi .el-input {
-  width: 15vw;
+  width: 20vw;
 }
 
 .input-width .el-input {
-  width: 40vw;
+  width: 30vw;
 }
 
 .info-appendix span {
@@ -443,9 +459,13 @@
 }
 
 .table-top {
+  margin-top: 10px;
+  padding: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  border-radius: 10px;
+  background-color: #fff;
 
   .table-top-title {
     width: 60vw;
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
index 9144ddc..c576c44 100644
--- a/src/views/measure/source/list_interface.ts
+++ b/src/views/measure/source/list_interface.ts
@@ -7,6 +7,18 @@
   limit: number
 }
 
+export interface IlistType {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  briefName: string
+  director: string
+  mobile: string
+  companyCity: string
+  createTime: string
+  remark: string
+}
+
 export interface IformInline {
   businessContent: string
   supplierName: string

diff --git a/src/api/system/source.ts b/src/api/system/source.ts
index 3d54784..65c14fe 100644
--- a/src/api/system/source.ts
+++ b/src/api/system/source.ts
@@ -7,7 +7,7 @@
 // 列表查询
 export function getSoucreList(data: object) {
   return request({
-    url: `${prefix}/supplier/listPage`,
+    url: `${prefix}/supplier/listPage?offset=${data.offset}&limit=${data.limit}`,
     method: 'post',
     data,
   })
@@ -34,12 +34,12 @@
 // 省级联动
 export function getSoucreListlevelType(pid: string) {
   return request({
-    url: `/ext/area/list?pid=${pid}`,
+    url: `/sys/area/list?pid=${pid}`,
     method: 'get',
   })
 }
 
-// 查看详情
+// 新增数据
 export function getSoucreListAdd(data: object) {
   return request({
     url: `${prefix}/supplier/add`,
@@ -47,3 +47,20 @@
     data,
   })
 }
+// 更新数据
+export function getSoucreLisUpdate(data: object) {
+  return request({
+    url: `${prefix}/supplier/update`,
+    method: 'post',
+    data,
+  })
+}
+// 导出详情
+export function getSoucreLisListExport(data: object) {
+  return request({
+    url: `${prefix}/supplier/listExport`,
+    method: 'post',
+    responseType: 'blob',
+    data,
+  })
+}
diff --git a/src/assets/images/login-image/banner.png b/src/assets/images/login-image/banner.png
new file mode 100644
index 0000000..99d4983
--- /dev/null
+++ b/src/assets/images/login-image/banner.png
Binary files differ
diff --git a/src/assets/images/login-image/bg.png b/src/assets/images/login-image/bg.png
new file mode 100644
index 0000000..d0db502
--- /dev/null
+++ b/src/assets/images/login-image/bg.png
Binary files differ
diff --git a/src/assets/images/login-image/frame.png b/src/assets/images/login-image/frame.png
new file mode 100644
index 0000000..452bd65
--- /dev/null
+++ b/src/assets/images/login-image/frame.png
Binary files differ
diff --git a/src/components/SearchArea/index.vue b/src/components/SearchArea/index.vue
index 917956e..1833bd3 100644
--- a/src/components/SearchArea/index.vue
+++ b/src/components/SearchArea/index.vue
@@ -28,6 +28,10 @@
     type: String,
     default: '',
   }, // 按钮及输入框大小
+  icon: {
+    type: Boolean,
+    default: true,
+  }, // 是否显示图标
 })
 // 抛出事件
 const emit = defineEmits(['search', 'clear', 'toggleMore'])
@@ -80,13 +84,13 @@
       <slot name="btns" />
     </div>
     <div v-if="type === 'seperate'" class="search-right">
-      <el-button :size="size" type="primary" :icon="Search" class="search-btn" @click="search">
+      <el-button :size="size" type="primary" :icon="icon ? 'el-icon-search' : ''" class="search-btn" @click="search">
         搜索
       </el-button>
       <el-button v-if="needSearchMore" :size="size" type="primary" class="search-btn" :icon="More" @click="toggleSearchMore">
         高级检索
       </el-button>
-      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="Delete" @click="clearInput">
+      <el-button v-if="needClear" :size="size" type="warning" class="search-btn" :icon="icon ? 'el-icon-delete' : ''" @click="clearInput">
         重置
       </el-button>
     </div>
diff --git a/src/views/login.vue b/src/views/login.vue
index 17dbad3..1f1a316 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -15,7 +15,8 @@
 
 const userStore = useUserStore()
 
-const banner = new URL('../assets/images/login-banner.png', import.meta.url).href
+const banner = new URL('../assets/images/login-banner.png', import.meta.url)
+  .href
 const title = import.meta.env.VITE_APP_TITLE
 
 // 表单类型，login 登录，reset 重置密码
@@ -56,9 +57,7 @@
   remember: !!localStorage.login_username,
 })
 const loginRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -67,36 +66,40 @@
 
 // 处理登录
 function handleLogin() {
-  loginFormRef.value && loginFormRef.value.validate(async (valid) => {
-    if (valid) {
-      loading.value = true
-      // 表单对象
-      const finalForm = {
-        sid: sid.value,
-        username: loginForm.value.username,
-        password: '',
-        kaptcha: loginForm.value.kaptcha,
+  loginFormRef.value
+    && loginFormRef.value.validate(async (valid) => {
+      if (valid) {
+        loading.value = true
+        // 表单对象
+        const finalForm = {
+          sid: sid.value,
+          username: loginForm.value.username,
+          password: '',
+          kaptcha: loginForm.value.kaptcha,
+        }
+        // 加密
+        finalForm.password = await RSAencrypt(loginForm.value.password)
+        userStore
+          .login(finalForm)
+          .then(() => {
+            ElMessage({
+              message: '登录成功',
+              type: 'success',
+            })
+            loading.value = false
+            if (loginForm.value.remember) {
+              localStorage.setItem('login_username', loginForm.value.username)
+            }
+            else {
+              localStorage.removeItem('login_username')
+            }
+            router.push(redirect.value)
+          })
+          .catch(() => {
+            loading.value = false
+          })
       }
-      // 加密
-      finalForm.password = await RSAencrypt(loginForm.value.password)
-      userStore.login(finalForm).then(() => {
-        ElMessage({
-          message: '登录成功',
-          type: 'success',
-        })
-        loading.value = false
-        if (loginForm.value.remember) {
-          localStorage.setItem('login_username', loginForm.value.username)
-        }
-        else {
-          localStorage.removeItem('login_username')
-        }
-        router.push(redirect.value)
-      }).catch(() => {
-        loading.value = false
-      })
-    }
-  })
+    })
 }
 // 注册
 const registerFormRef = ref<FormInstance>()
@@ -109,12 +112,8 @@
   checkPassword: '',
 })
 const registerRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   password: [
     { required: true, trigger: 'blur', message: '请输入密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -138,11 +137,12 @@
     message: '注册模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  registerFormRef.value && registerFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  registerFormRef.value
+    && registerFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 // 重置密码
@@ -154,12 +154,8 @@
   newPassword: '',
 })
 const resetRules = ref<FormRules>({
-  username: [
-    { required: true, trigger: 'blur', message: '请输入用户名' },
-  ],
-  captcha: [
-    { required: true, trigger: 'blur', message: '请输入验证码' },
-  ],
+  username: [{ required: true, trigger: 'blur', message: '请输入用户名' }],
+  captcha: [{ required: true, trigger: 'blur', message: '请输入验证码' }],
   newPassword: [
     { required: true, trigger: 'blur', message: '请输入新密码' },
     { min: 6, max: 18, trigger: 'blur', message: '密码长度为6到18位' },
@@ -170,11 +166,12 @@
     message: '重置密码模块仅提供界面演示，无实际功能，需开发者自行扩展',
     type: 'warning',
   })
-  resetFormRef.value && resetFormRef.value.validate((valid) => {
-    if (valid) {
-      // 这里编写业务代码
-    }
-  })
+  resetFormRef.value
+    && resetFormRef.value.validate((valid) => {
+      if (valid) {
+        // 这里编写业务代码
+      }
+    })
 }
 
 function showPassword(passwordEl: HTMLElement | undefined) {
@@ -197,21 +194,34 @@
 
 <template>
   <div>
+    <div class="bg-top-banner">
+      华东计量综合系统
+    </div>
     <div class="bg-banner" />
     <div id="login-box">
-      <div class="login-banner">
-        <div class="logo" />
-        <img :src="banner" class="banner">
-      </div>
-      <el-form v-show="formType === 'login'" ref="loginFormRef" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on">
+      <el-form
+        v-show="formType === 'login'"
+        ref="loginFormRef"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+        autocomplete="on"
+      >
         <div class="title-container">
           <h3 class="title">
-            欢迎来到 {{ title }} !
+            用户登录
           </h3>
         </div>
         <div>
           <el-form-item prop="username">
-            <el-input ref="name" v-model="loginForm.username" placeholder="用户名" text tabindex="1" autocomplete="on">
+            <el-input
+              ref="name"
+              v-model="loginForm.username"
+              placeholder="用户名"
+              text
+              tabindex="1"
+              autocomplete="on"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:user" />
@@ -220,7 +230,15 @@
             </el-input>
           </el-form-item>
           <el-form-item prop="password">
-            <el-input ref="loginPasswordRef" v-model="loginForm.password" :type="passwordType" placeholder="密码" tabindex="2" autocomplete="on" @keyup.enter="handleLogin">
+            <el-input
+              ref="loginPasswordRef"
+              v-model="loginForm.password"
+              :type="passwordType"
+              placeholder="密码"
+              tabindex="2"
+              autocomplete="on"
+              @keyup.enter="handleLogin"
+            >
               <template #prefix>
                 <el-icon>
                   <svg-icon name="ep:lock" />
@@ -228,7 +246,10 @@
               </template>
               <template #suffix>
                 <el-icon>
-                  <svg-icon :name="passwordType === 'password' ? 'eye' : 'eye-open'" @click="showPassword(loginPasswordRef)" />
+                  <svg-icon
+                    :name="passwordType === 'password' ? 'eye' : 'eye-open'"
+                    @click="showPassword(loginPasswordRef)"
+                  />
                 </el-icon>
               </template>
             </el-input>
@@ -239,12 +260,26 @@
             记住我
           </el-checkbox>
         </div>
-        <el-button :loading="loading" type="primary" size="large" style="width: 100%;" @click.prevent="handleLogin">
+        <el-button
+          :loading="loading"
+          type="primary"
+          size="large"
+          style="width: 100%;"
+          @click.prevent="handleLogin"
+        >
           登录
         </el-button>
-        <div v-if="showKaptcha" style="margin-top: 20px; margin-bottom: -20px; text-align: center;">
+        <div
+          v-if="showKaptcha"
+          style="margin-top: 20px; margin-bottom: -20px; text-align: center;"
+        >
           <el-divider>演示账号一键登录</el-divider>
-          <el-button type="primary" size="small" plain @click="testusername('admin')">
+          <el-button
+            type="primary"
+            size="small"
+            plain
+            @click="testusername('admin')"
+          >
             admin
           </el-button>
           <el-button size="small" plain @click="testusername('test')">
@@ -305,12 +340,30 @@
   display: none;
 }
 
+.bg-top-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 17vh;
+  z-index: 999;
+  line-height: 10vh;
+  text-align: center;
+  font-size: 30px;
+  color: #fff;
+  background:
+    url("../assets/images/login-image/banner.png") no-repeat
+    center / cover;
+}
+
 .bg-banner {
   position: fixed;
   z-index: 0;
   width: 100%;
   height: 100%;
-  background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  // background: radial-gradient(circle at center, var(--el-fill-color-lighter), var(--el-bg-color-page));
+  background:
+    url("../assets/images/login-image/bg.png") no-repeat center /
+    cover;
 }
 
 #login-box {
@@ -320,7 +373,8 @@
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
-  background-color: var(--el-bg-color);
+  // background-color: var(--el-bg-color);
+
   border-radius: 10px;
   overflow: hidden;
   box-shadow: var(--el-box-shadow);
@@ -357,6 +411,9 @@
     min-height: 500px;
     width: 500px;
     padding: 50px;
+    background:
+      url("../assets/images/login-image/frame.png") no-repeat
+      center / cover;
     overflow: hidden;
 
     .title-container {
@@ -364,8 +421,9 @@
 
       .title {
         font-size: 1.3em;
-        color: var(--el-text-color-primary);
+        color: #fff;
         margin: 0 auto 30px;
+        text-align: center;
         font-weight: bold;
       }
     }
@@ -426,4 +484,12 @@
   width: 100%;
   margin: 0;
 }
+
+:deep .el-input__wrapper {
+  background-color: transparent !important;
+}
+
+:deep .el-input__inner {
+  color: #fff !important;
+}
 </style>
diff --git a/src/views/measure/source/list.vue b/src/views/measure/source/list.vue
index f23e6aa..27c0ce7 100644
--- a/src/views/measure/source/list.vue
+++ b/src/views/measure/source/list.vue
@@ -1,17 +1,19 @@
 <script lang="ts" setup name="ListSource">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
-import type { IlistQuery } from './list_interface'
+import { ElLoading, ElMessage } from 'element-plus'
+import type { IlistQuery, IlistType } from './list_interface'
 import ListSourceAdd from './listAdd.vue'
 import { getSoucreList, getSoucreListDelete } from '@/api/system/source'
-
+import { uploadApi } from '@/api/system/notice'
+import { exportExcel } from '@/utils/exportXlsx'
 // 查询条件
 const listQuery: Ref<IlistQuery> = ref({
   supplierNo: '', // 业务内容
   supplierName: '', // 溯源供方名称
   businessContent: '', // 溯源供方编号
   offset: 1,
-  limit: 20,
+  limit: 10,
 })
 // 控制是否显示新增页面
 const show = ref(true)
@@ -79,13 +81,18 @@
   })
 }
 fetchData(true)
+// 选中的内容
+const checkoutList = ref([])
+// 文件上传input
+const fileRef = ref()
 // 详情id
 const infoId = ref('0')
+const isPopconfirmShow = ref(false)
 // 点击按钮
 const buttonType = ref('')
 // 多选发生改变时
 const handleSelectionChange = (e: any) => {
-  console.log(e)
+  checkoutList.value = e
 }
 // 点击编辑/详情
 const handleEdit = (index: string, row: object, value: string) => {
@@ -95,17 +102,34 @@
 }
 // 点击删除
 const handleDelete = (index: string, row: object) => {
-  getSoucreListDelete({ id: row.id }).then((res) => {
-  })
+  isPopconfirmShow.value = true
 }
 // 分页
-const handleSizeChange = (val: string) => {}
+const handleSizeChange = (val: number) => {
+  listQuery.value.limit = val
+  fetchData(true)
+}
 // 分页
-const handleCurrentChange = (val: string) => {}
+const handleCurrentChange = (val: number) => {
+  listQuery.value.offset = val
+  fetchData(true)
+}
 // 点击搜索
 const searchList = () => {
   fetchData(true)
 }
+const confirmEvent = () => {
+  console.log('confirm!')
+  getSoucreListDelete({ id: row.id }).then((res) => {
+    if (res.code === 200) {
+      isPopconfirmShow.value = false
+      fetchData(true)
+    }
+  })
+}
+const cancelEvent = () => {
+  console.log('cancel!')
+}
 // 点击重置
 const clearList = () => {
   listQuery.value = {
@@ -119,6 +143,56 @@
 // 关闭编辑
 const close = () => {
   show.value = true
+  fetchData(true)
+}
+// 导出
+const exportExcelBtn = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  if (checkoutList.value.length <= 0) {
+    exportExcel({
+      json: list.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  else {
+    exportExcel({
+      json: checkoutList.value.map((item: IlistType, index: number) => ({ index: index + 1, supplierNo: item.supplierNo, supplierName: item.supplierName, businessContent: item.businessContent, briefName: item.briefName, director: item.director, mobile: item.mobile, companyCity: item.companyCity, createTime: item.createTime, remark: item.remark })),
+      name: '溯源供方',
+      titleArr: ['序号', '溯源供方编号', '溯源供方名称', '业务内容', '业务资质', '负责人', '联系方式', '地址', '创建时间', '备注'],
+      sheetName: 'sheet1',
+    })
+  }
+  loading.close()
+}
+// 上传文件/批量导入
+const onFileChange = (event: any) => {
+  if (event.target.files[0].type === 'application/pdf') {
+    if (event.target.files?.length !== 0) {
+      // 创建formdata对象
+      const fd = new FormData()
+      fd.append('multipartFile', event.target.files[0])
+      uploadApi(fd).then((res) => {
+        if (res.code === 200) {
+          ElMessage.success('上传成功')
+        }
+        else {
+          ElMessage.error(res.message)
+        }
+      })
+    }
+  }
+  else {
+    ElMessage.error('请上传pdf格式')
+  }
+}
+const upload = () => {
+  fileRef.value.click()
 }
 // 点击右上角一排按钮
 const handelClick = (type: string) => {
@@ -126,6 +200,12 @@
     buttonType.value = ''
     show.value = false
   }
+  else if (type === '导出') {
+    exportExcelBtn()
+  }
+  else if (type === '批量导入') {
+    upload()
+  }
 }
 </script>
 
@@ -135,6 +215,7 @@
       <search-area
         type="seperate"
         need-clear
+        :icon="false"
         @search="searchList"
         @clear="clearList"
       >
@@ -174,6 +255,7 @@
             >
               {{ item }}
             </el-button>
+            <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange">
           </div>
         </div>
         <el-table
@@ -233,7 +315,23 @@
         @current-change="handleCurrentChange"
       />
     </div>
+    <el-dialog
+      v-model="isPopconfirmShow"
+      title="确认框"
+      width="30%"
+    >
+      <span>确定删除吗?</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="isPopconfirmShow = false">取消</el-button>
+          <el-button type="primary" @click="confirmEvent">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
+
   <list-source-add
     v-else
     :info-id="infoId"
@@ -253,8 +351,4 @@
   position: fixed;
   bottom: 0;
 }
-
-.el-button__text--expand {
-  text-align: center !important;
-}
 </style>
diff --git a/src/views/measure/source/listAdd.vue b/src/views/measure/source/listAdd.vue
index bf2a4ad..b6fa653 100644
--- a/src/views/measure/source/listAdd.vue
+++ b/src/views/measure/source/listAdd.vue
@@ -1,8 +1,11 @@
 <script lang="ts" setup name="ListSourceAdd">
 import { reactive, ref } from 'vue'
 import type { Ref } from 'vue'
+import { ElMessage, genFileId } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 import type { IformInline } from './list_interface'
-import { getSoucreListAdd, getSoucreListDetail, getSoucreListlevelType } from '@/api/system/source'
+import { exportFile } from '@/utils/exportUtils'
+import { getSoucreLisListExport, getSoucreLisUpdate, getSoucreListAdd, getSoucreListDetail, getSoucreListlevelType } from '@/api/system/source'
 const props = defineProps({
   infoId: {
     type: String,
@@ -68,6 +71,7 @@
   phone: '',
 })
 const SelectionList = ref([])
+const upload = ref<UploadInstance>()
 const close = () => {
   emit('close')
 }
@@ -148,13 +152,55 @@
 }
 // 点击提交/导出按钮
 const getAddList = (type: string) => {
-  if (type === '提交') {
+  if (formInline.value.supplierNo === null) {
+    return ElMessage.error('请填写溯源供方编号')
+  }
+  else if (formInline.value.supplierName === null) {
+    return ElMessage.error('请填写公司名称')
+  }
+  else if (formInline.value.businessContent === null) {
+    return ElMessage.error('请填写业务内容')
+  }
+  else if (formInline.value.taxNumber === null) {
+    return ElMessage.error('请填写税号')
+  }
+  if (type === '提交' && props.buttonType !== '编辑') {
     getSoucreListAdd(formInline.value).then((res) => {
       if (res.code === 200) {
         close()
       }
     })
   }
+  else if (type === '提交' && props.buttonType === '编辑') {
+    formInline.value.id = props.infoId
+    getSoucreLisUpdate(formInline.value).then((res) => {
+      if (res.code === 200) {
+        close()
+      }
+    })
+  }
+  else {
+    const params = {
+      businessContent: formInline.value.businessContent,
+      supplierName: formInline.value.supplierName,
+      supplierNo: formInline.value.supplierNo,
+    }
+    getSoucreLisListExport(params).then((res) => {
+      exportFile(res.data, '溯源供方详情')
+    })
+  }
+}
+// 文件上传限制
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  console.log(files, 'wenjian')
+  upload.value!.clearFiles()
+  const file = files[0] as UploadRawFile
+  file.uid = genFileId()
+  upload.value!.handleStart(file)
+}
+// 文件上传成功
+const uploadSuccess = (files) => {
+  formInline.value.minioFileName = files.name
 }
 if (props.buttonType !== '') {
   getInfo()
@@ -290,7 +336,7 @@
           />
         </el-form-item>
       </div>
-      <div class="input-width">
+      <span class="input-width">
         <el-form-item label="公司业务范围:">
           <el-input
             v-model="formInline.businessScope"
@@ -298,88 +344,50 @@
             :disabled="buttonType === '详情'"
           />
         </el-form-item>
-      </div>
-      <div class="input-width">
+      </span>
+      <span class="input-width">
         <el-form-item label="备注:">
           <el-input v-model="formInline.remark" placeholder="请输入备注" :disabled="buttonType === '详情'" />
         </el-form-item>
-      </div>
+      </span>
       <div class="info-appendix">
         <el-form-item label="附件:">
-          <span>扫描件.pdf X</span>
-          <el-button :disabled="buttonType === '详情'">
-            上传
-          </el-button>
+          <el-upload
+            ref="upload"
+            class="upload-demo"
+            action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
+            :limit="1"
+            :on-exceed="handleExceed"
+            :on-change="uploadSuccess"
+            :auto-upload="false"
+          >
+            <span>{{ '扫描件.pdf X ' || formInline.minioFileName }}</span>
+            <el-button :disabled="buttonType === '详情'">
+              上传
+            </el-button>
+          </el-upload>
         </el-form-item>
       </div>
     </el-form>
-    <el-tabs type="border-card">
-      <el-tab-pane label="人员信息">
-        <div class="table-top">
-          <div class="table-top-title">
-            人员信息
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'" @click="deleteList">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'" @click="addRoow">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" />
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="业务记录">
-        <div class="table-top">
-          <div class="table-top-title">
-            业务记录
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" />
-          <el-table-column prop="address" label="Address" />
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="标准装置信息">
-        <div class="table-top">
-          <div class="table-top-title">
-            标准装置信息
-          </div>
-          <div class="table-top-button">
-            <el-button :disabled="buttonType === '详情'">
-              删除行
-            </el-button>
-            <el-button :disabled="buttonType === '详情'">
-              增加行
-            </el-button>
-          </div>
-        </div>
-        <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column align="center" label="序号" width="80" type="index" />
-          <el-table-column prop="date" label="Date" />
-          <el-table-column prop="name" label="Name" />
-          <el-table-column prop="address" label="Address" />
-        </el-table>
-      </el-tab-pane>
-    </el-tabs>
   </div>
+  <div class="table-top">
+    <div class="table-top-title">
+      人员信息
+    </div>
+    <div class="table-top-button">
+      <el-button :disabled="buttonType === '详情'" @click="deleteList">
+        删除行
+      </el-button>
+      <el-button :disabled="buttonType === '详情'" @click="addRoow">
+        增加行
+      </el-button>
+    </div>
+  </div>
+  <el-table :data="formInline.traceSupplierPersonList" border style="width: 100%;" @selection-change="handleSelectionChange">
+    <el-table-column type="selection" width="55" />
+    <el-table-column align="center" label="序号" width="80" type="index" />
+    <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" />
+  </el-table>
   <el-dialog
     v-model="dialogVisible"
     title="添加人员信息"
@@ -406,10 +414,15 @@
 
 <style lang="scss" scoped>
 .top-info {
+  width: 100%;
+  height: 50px;
   padding: 10px 50px;
+  margin-top: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  border-radius: 10px;
+  background-color: #fff;
 
   .title {
     width: 75%;
@@ -418,7 +431,10 @@
 }
 
 .info-content {
+  margin-top: 10px;
   padding: 15px;
+  border-radius: 10px;
+  background-color: #fff;
 
   .info-dizhi {
     margin-right: 155px;
@@ -431,11 +447,11 @@
 }
 
 .info-dizhi .el-input {
-  width: 15vw;
+  width: 20vw;
 }
 
 .input-width .el-input {
-  width: 40vw;
+  width: 30vw;
 }
 
 .info-appendix span {
@@ -443,9 +459,13 @@
 }
 
 .table-top {
+  margin-top: 10px;
+  padding: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  border-radius: 10px;
+  background-color: #fff;
 
   .table-top-title {
     width: 60vw;
diff --git a/src/views/measure/source/list_interface.ts b/src/views/measure/source/list_interface.ts
index 9144ddc..c576c44 100644
--- a/src/views/measure/source/list_interface.ts
+++ b/src/views/measure/source/list_interface.ts
@@ -7,6 +7,18 @@
   limit: number
 }
 
+export interface IlistType {
+  businessContent: string
+  supplierName: string
+  supplierNo: string
+  briefName: string
+  director: string
+  mobile: string
+  companyCity: string
+  createTime: string
+  remark: string
+}
+
 export interface IformInline {
   businessContent: string
   supplierName: string
diff --git a/src/views/measure/train/plan.vue b/src/views/measure/train/plan.vue
index 0789e96..fafdb27 100644
--- a/src/views/measure/train/plan.vue
+++ b/src/views/measure/train/plan.vue
@@ -1,3 +1,197 @@
+<script lang="ts" setup name="ListPlan">
+import { reactive, ref } from 'vue'
+const listQuery = {
+  supplierNo: '',
+  supplierName: '',
+  businessContent: '',
+  offset: 1,
+  limit: 10,
+}
+const list = ref([])
+const total = ref(0)
+// 表头
+const columns = ref([
+  {
+    text: '计划编号',
+    value: 'supplierNo',
+    width: '160',
+  },
+  {
+    text: '培训名称',
+    value: 'supplierName',
+    width: '120',
+  },
+  {
+    text: '培训对象',
+    value: 'businessContent',
+  },
+  {
+    text: '培训人数',
+    value: 'briefName',
+  },
+  {
+    text: '培训学时',
+    value: 'director',
+  },
+  {
+    text: '培训时间',
+    value: 'mobile',
+  },
+  {
+    text: '主管部门',
+    value: 'companyCity',
+  },
+  {
+    text: '实施单位',
+    value: 'createTime',
+    width: '200',
+  },
+  {
+    text: '培训内容',
+    value: 'remark',
+  },
+  {
+    text: '创建时间',
+    value: 'remark',
+  },
+  {
+    text: '备注',
+    value: 'remark',
+  },
+])
+const searchList = () => {}
+const clearList = () => {}
+const buttons = ref(['新建', '导出', '打印'])
+const handleEdit = (index: string, row: object, type: string) => {}
+const handleDelete = (index: string, row: object) => {}
+const handelClick = (text: string) => {}
+const handleSelectionChange = () => {}
+const handleSizeChange = (val: number) => {}
+const handleCurrentChange = (val: number) => {}
+</script>
+
 <template>
-  <div>培训计划111</div>
+  <app-container>
+    <search-area
+      type="seperate"
+      need-clear
+      :icon="false"
+      @search="searchList"
+      @clear="clearList"
+    >
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.supplierNo"
+          placeholder="溯源供方编号"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.supplierName"
+          placeholder="溯源供方名称"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.businessContent"
+          placeholder="业务内容"
+          clearable
+        />
+      </search-item>
+    </search-area>
+  </app-container>
+  <table-container>
+    <div class="table-top">
+      <h3 />
+      <div>
+        <el-button
+          v-for="(item, index) in buttons"
+          :key="index"
+          type="primary"
+          @click="handelClick(item)"
+        >
+          {{ item }}
+        </el-button>
+        <!-- <input v-show="false" ref="fileRef" type="file" accept="pdf/*" @change="onFileChange" /> -->
+      </div>
+    </div>
+    <el-table
+      :data="list"
+      style="width: 100%;"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column align="center" label="序号" width="80" type="index" />
+      <el-table-column
+        v-for="(column, index) in columns"
+        :key="index"
+        :label="column.text"
+        :prop="column.value"
+        :width="column.width"
+        align="center"
+      />
+      <el-table-column align="center" label="操作" width="200">
+        <template #default="scope">
+          <el-button
+            size="small"
+            type="primary"
+            link
+            @click="handleEdit(scope.$index, scope.row, '编辑')"
+          >
+            编辑
+          </el-button>
+          <el-button
+            size="small"
+            link
+            type="primary"
+            @click="handleEdit(scope.$index, scope.row, '详情')"
+          >
+            详情
+          </el-button>
+          <el-button
+            size="small"
+            link
+            type="danger"
+            @click="handleDelete(scope.$index, scope.row)"
+          >
+            删除
+          </el-button>
+          <el-button
+            size="small"
+            link
+            type="danger"
+            @click="handleDelete(scope.$index, scope.row)"
+          >
+            二维码
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </table-container>
+  <div class="pagination">
+    <el-pagination
+      v-model:current-page="listQuery.offset"
+      v-model:page-size="listQuery.limit"
+      :page-sizes="[10, 20, 30, 50]"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.table-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.pagination {
+  position: fixed;
+  bottom: 0;
+}
+</style>