From 1d6ca6e5ba032c627d2496a30fbfdba3f4854b42 Mon Sep 17 00:00:00 2001
From: lukeyan <1727408482@qq.com>
Date: Wed, 12 Jul 2023 19:43:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E5=91=98=E5=AE=A1=E6=9F=A5=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/companyFile/decoration01.png       | Bin 0 -> 722 bytes
 src/views/applySupermarket/index.vue          |   2 +-
 .../components/personBackDialog.vue           | 215 ++++++++++++++++++
 .../personBack.vue => personBack/index.vue}   |  13 +-
 4 files changed, 225 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/companyFile/decoration01.png
 create mode 100644 src/views/applySupermarket/personBack/components/personBackDialog.vue
 rename src/views/applySupermarket/{components/personBack.vue => personBack/index.vue} (96%)

diff --git a/src/assets/companyFile/decoration01.png b/src/assets/companyFile/decoration01.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dbf9ec353fb26457ea77b9bf5ce11d775432d43
GIT binary patch
literal 722
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VV{wqX6T`Z5GB1G~m(&Q)G+$o^
zEg+kNfw4W4fd!-lh^2s-fq{7eBLg##W(0{XV1mnvEMP{kK?*nB{qUE8fyu_x#WBP}
zuy)G9yvq&(ZS}hsDlQ2OSk!P!+EOTQ57YV!&sSDyyxsjl=Z=TI$6MX02J1S4qL>bz
z{{OyePj+xb=H7dAXXgKteQ)Kw-17ORb3z4GQrG?bVy@3ijof_A!fb)b4W;R)kMVcA
z3cop9%G6wSe18Iy%;mqEIux3-Yix^u9Ju&^(}c-)W<s}A$&Ql+#`(_S;e76k7ZiCG
zFikzRCvf>0wrIhY$UcAlq6HnbMbj6qH@)>_@sUi+ju)MeyXPJ1Thg`Q-n7T(SA3{?
zZSdCGN5q6ZEc}3BXdD~c(Z-vvmd#oznd5uoUdOj3{lBXZs2%^hT}JilzNPzL%~{do
zAQ@t8DW&t@@3-@t@B3Fw<2)8(Tg&nF>(h@xe->Z2O8&(VTq}?pTsuASN73CK{6E7U
z${hVCS!evS?<AwRpUVd>F5#2DACmRY#V*h}FK>J^>dvOMf3m-9xaxY^#+Ku_d-|q4
z#*Flr6Vh{x3L@TH-`RNoyHmqKwmJ6Ij|u{;dVX%b`o?El!>kuy>Yx0W8GDW^XhYVw
zuitF%T;`J4kgqj=LrM~7fU#rE*@<ywsh7=smNs?Er>|(6`kt-&>z+?_=3k}@m=^u<
z{U~g^hHqEY_Lg@NErCbZOYVLaH9fX2bIyE^g{CL3-JRlPx&Nor104pIkDM0YU%Nj2
z`$kWFH;+TK!HeCMthw$FbPry0oRE7tVe5kb|MxvfNx!^q$yAk}3}N-nnm+1xw_l4t
yUYDBorf-|_y5$BtO%IqXWA*3#S}i_l*B{0SRxY1JS9WXzr6*5UKbLh*2~7Zdd_BGZ

literal 0
HcmV?d00001

diff --git a/src/views/applySupermarket/index.vue b/src/views/applySupermarket/index.vue
index 440a9db..8f267a3 100644
--- a/src/views/applySupermarket/index.vue
+++ b/src/views/applySupermarket/index.vue
@@ -106,7 +106,7 @@
   </div>
 </template>
 <script>
-import PersonBack from './components/personBack'
+import PersonBack from './personBack/index.vue'
 export default {
   name: "ApplySupermarket",
   components:{
diff --git a/src/views/applySupermarket/personBack/components/personBackDialog.vue b/src/views/applySupermarket/personBack/components/personBackDialog.vue
new file mode 100644
index 0000000..2e2711d
--- /dev/null
+++ b/src/views/applySupermarket/personBack/components/personBackDialog.vue
@@ -0,0 +1,215 @@
+<!-- 人员审查详情弹窗 -->
+<template>
+  <el-dialog
+    class="dialog"
+    title="详情"
+    :visible.sync="visible"
+    :close-on-click-modal="false"
+    width="1000px"
+    @close="close"
+  >
+    <div class="item_text">
+      <!-- 左方小三角 -->
+      <div class="icon_line">
+        <div class="icon_body"></div>
+      </div>
+      <div class="item_text_area">
+        <div class="item_text_left">
+          <div class="item_text_left_text">
+            <div class="item_text_cell">企业名称:</div>
+            <div class="item_text_cell">审核原因:</div>
+            <div class="item_text_cell">审查人数:</div>
+          </div>
+          <div class="item_text_left_value">
+            <div class="item_value_cell">{{ this.form_data.company_name }}</div>
+            <div class="item_value_cell">{{ this.form_data.reason }}</div>
+            <div class="item_value_cell">{{ this.form_data.people }}</div>
+          </div>
+        </div>
+        <div class="item_text_right">
+          <div class="item_text_right_text">
+            <div class="item_text_cell">申请时间:</div>
+            <div class="item_text_cell">审核结果:</div>
+          </div>
+          <div class="item_text_right_value">
+            <div class="item_value_cell">{{ this.form_data.time }}</div>
+            <div class="item_value_cell">{{ this.form_data.end }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 下方表格 -->
+    <div class="item_table">
+      <!-- 左方小三角 -->
+      <div class="icon_line">
+        <div class="icon_body"></div>
+      </div>
+      <div class="item_table_title">审核人员名单</div>
+      <!-- 正常异常切换 -->
+      <el-tabs v-model="active" type="card" @tab-click="handle_click" class="item_tabs">
+        <el-tab-pane label="正常" name="first"></el-tab-pane>
+        <el-tab-pane label="异常" name="second"></el-tab-pane>
+      </el-tabs>
+    </div>
+  </el-dialog>
+</template>
+<script>
+export default {
+  name: "PersonBackDialog",
+  data() {
+    return {
+      visible: false,
+      form_data: {}, // 弹窗表单数据
+      active:'first',
+    };
+  },
+  methods: {
+    open(item) {
+      this.visible = true;
+      this.form_data = item;
+    },
+    // 点击切换
+    handle_click() {},
+    close() {
+      this.visible = false;
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+/deep/.el-dialog {
+  .el-dialog__title {
+    color: #fff;
+    font-size: 19px;
+    text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+  }
+  background-image: url("~@/assets/companyFile/dialogBack.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  height: 800px;
+  /* 关闭弹窗叉号 */
+  .el-dialog__headerbtn {
+    .el-dialog__close {
+      color: #e55b5b;
+      font-size: 18px;
+      font-weight: 500;
+    }
+  }
+  .el-dialog__body {
+    padding: 0px;
+    padding-left: 15px;
+    padding-right: 15px;
+    .item_text {
+      margin-top: 40px;
+      width: 970px;
+      height: 210px;
+      background: url("~@/assets/companyFile/background2.png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .icon_line {
+        width: 970px;
+        height: 25px;
+        // border: 0.1px solid #28847e;
+        .icon_body {
+          width: 25px;
+          height: 25px;
+          background: url("~@/assets/companyFile/decoration01.png") no-repeat !important;
+          background-size: 100% 100% !important;
+        }
+      }
+      .item_text_area {
+        width: 970px;
+        height: 180px;
+        // border: 0.1px solid #28847e;
+        display: flex;
+        .item_text_left {
+          width: 400px;
+          height: 180px;
+          display: flex;
+          .item_text_left_text {
+            width: 100px;
+            height: 180px;
+            .item_text_cell {
+              width: 100px;
+              height: 60px;
+              line-height: 60px;
+              color: #d0deee;
+              font-size: 16px;
+              text-align: center;
+              // border: 0.1px solid #28847e;
+            }
+          }
+          .item_text_left_value {
+            width: 300px;
+            height: 180px;
+            .item_value_cell {
+              width: 300px;
+              height: 60px;
+              line-height: 60px;
+              color: #fff;
+              font-size: 16px;
+              text-align: left;
+            }
+          }
+        }
+        .item_text_right {
+          width: 550px;
+          height: 180px;
+          display: flex;
+          .item_text_right_text {
+            width: 100px;
+            height: 180px;
+            .item_text_cell {
+              width: 100px;
+              height: 60px;
+              line-height: 60px;
+              color: #d0deee;
+              font-size: 16px;
+              text-align: center;
+              // border: 0.1px solid #28847e;
+            }
+          }
+          .item_text_right_value {
+            width: 400px;
+            height: 180px;
+            .item_value_cell {
+              width: 400px;
+              height: 60px;
+              line-height: 60px;
+              color: #fff;
+              font-size: 16px;
+              text-align: left;
+            }
+          }
+        }
+      }
+    }
+    .item_table {
+      margin-top: 10px;
+      width: 970px;
+      height: 450px;
+      background: url("~@/assets/companyFile/background2.png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .icon_line {
+        width: 970px;
+        height: 25px;
+        // border: 0.1px solid #28847e;
+        .icon_body {
+          width: 25px;
+          height: 25px;
+          background: url("~@/assets/companyFile/decoration01.png") no-repeat !important;
+          background-size: 100% 100% !important;
+        }
+      }
+      .item_table_title {
+        width: 970px;
+        height: 30px;
+        border: 0.1px solid #28847e;
+        padding-left: 15px;
+        color: #fff;
+        font-size: 17px;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/applySupermarket/components/personBack.vue b/src/views/applySupermarket/personBack/index.vue
similarity index 96%
rename from src/views/applySupermarket/components/personBack.vue
rename to src/views/applySupermarket/personBack/index.vue
index 730141e..ffe534d 100644
--- a/src/views/applySupermarket/components/personBack.vue
+++ b/src/views/applySupermarket/personBack/index.vue
@@ -37,7 +37,7 @@
           </div>
           <!-- 详情按钮 -->
           <div class="cell_body_information_btn">
-            <div class="item_btn" @click="check_item">详情</div>
+            <div class="item_btn" @click="check_item(item)">详情</div>
           </div>
         </div>
         <!-- 正常展示 -->
@@ -59,7 +59,7 @@
           </div>
           <!-- 详情按钮 -->
           <div class="cell_body_information_btn">
-            <div class="item_btn" @click="check_item">详情</div>
+            <div class="item_btn" @click="check_item(item)">详情</div>
           </div>
         </div>
       </div>
@@ -77,11 +77,16 @@
       >
       </el-pagination>
     </div>
+    <PersonBackDialog ref="personBackDialog"></PersonBackDialog>
   </div>
 </template>
 <script>
+import PersonBackDialog from './components/personBackDialog'
 export default {
   name: "PersonBack",
+  components:{
+    PersonBackDialog
+  },
   data() {
     return {
       search_company: "",
@@ -137,8 +142,8 @@ export default {
   methods: {
     search() {},
     // 点击查看详情
-    check_item() {
-
+    check_item(item) {
+      this.$refs.personBackDialog.open(item)
     },
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);
-- 
2.36.3