gx

src/view/dialog/dialogRW.vue

@@ -39,14 +39,26 @@
             />
           </div>
         </div>
-        <div style="width: 100%; height: calc(100% - 110px)">
+        <div style="width: 100%; height: calc(100% - 110px)" class="table-els">
           <div class="tabelHead">
             <div><span>姓名：</span>{{ data.character.xm }}</div>
             <div><span>地址：</span>{{ data.character.dz }}</div>
             <div><span>年龄：</span>{{ data.character.age }}</div>
             <div><span>标签：</span>{{ data.character.titleName }}</div>
             <div class="status">
-              <span>状态：</span><img :src="lampImages[data.character.zt]" />
+              <span>状态：</span>
+              <el-popconfirm
+                hide-icon="false"
+                cancel-button-text="取消"
+                confirm-button-text="上报"
+                title="确定要上报吗?"
+                @cancel="cancelEvent"
+                @confirm="confirmEvent"
+              >
+                <template #reference>
+                  <img :src="lampImages[data.character.zt]" />
+                </template>
+              </el-popconfirm>
             </div>
           </div>
           <el-table
@@ -89,7 +101,7 @@
                 :property="item.property"
                 :label="item.label"
                 :show-overflow-tooltip="true"
-                 :width="item.width || ''"
+                :width="item.width || ''"
                 :align="item.align || 'center'"
               />
             </template>
@@ -184,6 +196,13 @@ const handleRowClick = (row, column, event) => {
     emit("openMessage", { identNo: row.identNo });
   }
 };
+// 上报
+const confirmEvent = () => {
+  console.log("confirm!");
+};
+const cancelEvent = () => {
+  console.log("cancel!");
+};
 
 // 详情弹框
 const dialogShow = ref();
@@ -301,6 +320,7 @@ const handle = (current) => {
     .status {
       display: flex;
       align-items: center;
+      cursor: pointer;
     }
   }
   :deep(.el-table) {
@@ -382,4 +402,30 @@ const handle = (current) => {
     height: 19px;
   }
 }
+.el-popper.is-light .el-popper__arrow:before {
+  right: -60px;
+}
+:deep(.el-popover.el-popper) {
+  transform: translate(1034px, 291px) !important;
+}
+.table-els {
+  :deep(.el-table) {
+    background: rgba(32, 64, 115, 1);
+
+    --el-table-border-color: none;
+    border: 1px solid #7aceff;
+  }
+
+  :deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
+    background-color: #2f4b74;
+  }
+
+  :deep(.el-table__empty-block) {
+    background-color: #122560;
+  }
+
+  :deep(.el-table .el-table__row) {
+    border-bottom: none;
+  }
+}
 </style>

src/view/sy_details.vue

@@ -2747,7 +2747,7 @@ const listAssignment = () => {
   }
 };
 onMounted(() => {
-  // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
+  tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
   if (routers.query.name) {
     data.name = routers.query.name;
     listAssignment();

src/view/sy_table.vue

@@ -676,7 +676,7 @@ const sevenYX = (name) => {
 };
 
 onMounted(() => {
-  // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
+  tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
 
   if (localStorage.getItem("taps1") !== undefined) {
     data.tapbody = JSON.parse(localStorage.getItem("taps1"));
@@ -696,6 +696,7 @@ onMounted(() => {
   width: 100%;
   display: flex;
   margin-top: 112px;
+
   .displayFlex {
     height: 100%;
     display: flex;

vite.config.js

@@ -15,8 +15,8 @@ export default defineConfig({
       // 第一个代理
       "/api": {
         // 匹配到啥来进行方向代理
-        target: "http://10.0.0.65:8095/", //刘进
-        // target: "http://220.191.238.50:996/", //线上
+        // target: "http://10.0.0.65:8095/", //刘进
+        target: "http://220.191.238.50:996/", //线上
         changeOrigin: true, //是否支持跨域
         //rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空，这个
       },