From d90b45d7e9e38e34c044b772006004f2a4cb8b8e Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期五, 26 六月 2026 13:51:50 +0800
Subject: [PATCH] 测试完成
---
src/views/followvisit/technology/index.vue | 270 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 153 insertions(+), 117 deletions(-)
diff --git a/src/views/followvisit/technology/index.vue b/src/views/followvisit/technology/index.vue
index 0887b30..710c447 100644
--- a/src/views/followvisit/technology/index.vue
+++ b/src/views/followvisit/technology/index.vue
@@ -1,67 +1,11 @@
<template>
<div class="app-container">
- <div class="leftvlue" style="margin-bottom: 20px">
- <el-row :gutter="10">
- <el-col :span="2.5" v-for="(item, index) in cardlist" :key="index">
- <el-card
- shadow="hover"
- :body-style="item.router ? ' cursor: pointer' : 'cursor: default'"
- >
- <div style="padding: 8px" @click="$router.push(item.router)">
- <span>{{ item.name }}</span>
- <div
- style="
- text-align: center;
- font-size: 18px;
- margin-top: 10px;
- font-weight: 600;
- "
- >
- {{ item.value ? item.value : 0 }}
- </div>
- </div>
- </el-card>
- </el-col>
- <el-col :span="2.5">
- <div class="ysfleftvlue">
- <el-card shadow="hover">
- <div style="padding: 8px">
- <span>琛ㄥ崟宸插彂閫�</span>
- <div
- style="
- text-align: center;
- font-size: 18px;
- margin-top: 10px;
- font-weight: 600;
- "
- >
- {{ yfsvalue }}
- </div>
- </div>
- </el-card>
- </div>
- </el-col>
- <el-col :span="2.5">
- <div class="errleftvlue">
- <el-card shadow="hover">
- <div style="padding: 8px">
- <span>寮傚父</span>
- <div
- style="
- text-align: center;
- font-size: 18px;
- margin-top: 10px;
- font-weight: 600;
- "
- >
- {{ ycvalue }}
- </div>
- </div>
- </el-card>
- </div>
- </el-col>
- </el-row>
- </div>
+ <statistics-cards
+ :cardlist="cardlist"
+ :ycvalue="ycvalue"
+ :jgvalue="jgvalue"
+ :show-warning-condition="orgname == '鐪佺珛鍚屽痉缈犺嫅闄㈠尯'"
+ />
<el-row :gutter="20">
<!--鐢ㄦ埛鏁版嵁-->
<el-form
@@ -103,21 +47,22 @@
v-model="topqueryParams.scopetype"
placeholder="榛樿鍏ㄩ儴"
:options="sourcetype"
+ filterable
+ clearable
:props="{ expandTrigger: 'hover' }"
@change="handleChange"
></el-cascader>
</el-form-item>
- <el-form-item label="鏈嶅姟鐘舵��" prop="status">
- <el-select v-model="topqueryParams.sendstateView" placeholder="璇烽�夋嫨">
- <el-option
- v-for="item in topicoptions"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
+ <el-form-item label="闅忚鐘舵��" prop="status">
+ <el-cascader
+ v-model="serviceStatusValue"
+ placeholder="璇烽�夋嫨"
+ :options="serviceStatusOptions"
+ :props="cascaderProps"
+ @change="handleServiceStatusChange"
+ clearable
+ ></el-cascader>
</el-form-item>
<el-form-item>
@@ -245,7 +190,7 @@
width="120"
>
<template slot-scope="scope">
- <el-tooltip
+ <el-tooltip
class="item"
effect="dark"
:content="scope.row.remark"
@@ -257,22 +202,12 @@
>
</div>
<div v-if="scope.row.sendstateView == 2">
- <el-tag type="primary" :disable-transitions="false"
- >闅忚涓�</el-tag
- >
- </div>
- <div v-if="scope.row.sendstateView == 3">
- <el-tag type="warning" :disable-transitions="false"
- >鏈畬鎴�</el-tag
- >
- </div>
- <div v-if="scope.row.sendstateView == 4">
<el-tag type="success" :disable-transitions="false"
>宸插畬鎴�</el-tag
>
</div>
- <div v-if="scope.row.sendstateView == 5">
- <el-tag type="danger" :disable-transitions="false"
+ <div v-if="scope.row.sendstateView == 3">
+ <el-tag type="warning" :disable-transitions="false"
>鏃犻渶闅忚</el-tag
>
</div>
@@ -321,7 +256,7 @@
</el-table-column>
<el-table-column
label="鍑洪櫌鏃ユ湡"
- width="200"
+ width="146"
align="center"
key="endtime"
prop="endtime"
@@ -332,7 +267,7 @@
>
<el-table-column
label="搴旈殢璁挎棩鏈�"
- width="200"
+ width="146"
align="center"
key="visitTime"
prop="visitTime"
@@ -427,6 +362,54 @@
prop="templatename"
width="200"
/>
+ <el-table-column
+ label="浠诲姟鐘舵��"
+ align="center"
+ key="sendstate"
+ prop="sendstate"
+ width="120"
+ >
+ <template slot-scope="scope">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="scope.row.remark"
+ placement="top-start"
+ >
+ <div v-if="scope.row.sendstate == 1">
+ <el-tag type="primary" :disable-transitions="false"
+ >琛ㄥ崟宸查鍙�</el-tag
+ >
+ </div>
+ <div v-if="scope.row.sendstate == 2">
+ <el-tag type="primary" :disable-transitions="false"
+ >寰呴殢璁�</el-tag
+ >
+ </div>
+ <div v-if="scope.row.sendstate == 3">
+ <el-tag type="success" :disable-transitions="false"
+ >琛ㄥ崟宸插彂閫�</el-tag
+ >
+ </div>
+ <div v-if="scope.row.sendstate == 4">
+ <el-tag type="info" :disable-transitions="false">涓嶆墽琛�</el-tag>
+ </div>
+ <div v-if="scope.row.sendstate == 5">
+ <el-tag type="danger" :disable-transitions="false"
+ >鍙戦�佸け璐�</el-tag
+ >
+ </div>
+ <div v-if="scope.row.sendstate == 6">
+ <el-tag type="success" :disable-transitions="false"
+ >宸插畬鎴�</el-tag
+ >
+ </div>
+ <div v-if="scope.row.sendstate == 7">
+ <el-tag type="danger" :disable-transitions="false">瓒呮椂</el-tag>
+ </div>
+ </el-tooltip>
+ </template>
+ </el-table-column>
<el-table-column
label="浠诲姟鎵ц鏂瑰紡"
align="center"
@@ -717,11 +700,12 @@
import Treeselect from "@riophae/vue-treeselect";
import store from "@/store";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import StatisticsCards from "@/components/StatisticsCards";
export default {
name: "Discharge",
dicts: ["sys_normal_disable", "sys_user_sex", "sys_yujing", "sys_suggest"],
- components: { Treeselect },
+ components: { Treeselect,StatisticsCards },
data() {
return {
// 閬僵灞�
@@ -793,41 +777,62 @@
},
],
loading: false,
+ serviceStatusValue: 10,
+ cascaderProps: {
+ expandTrigger: "hover", // 鎮仠灞曞紑
+ checkStrictly: true, // 鉁� 鍏抽敭锛氬厑璁搁�変腑浠绘剰涓�绾�
+ emitPath: false, // 鉁� 鍙繑鍥為�変腑鐨勫�硷紝涓嶈繑鍥炶矾寰勬暟缁�
+ },
+ // 闅忚鐘舵�佺骇鑱旈�夋嫨鍣�
+ serviceStatusOptions: [
+ {
+ value: null,
+ label: "鍏ㄩ儴",
+ },
+ {
+ value: 10, // 涓�绾э細寰呴殢璁�
+ label: "寰呴殢璁�",
+ children: [
+ { value: 1, label: "琚鍙�" },
+ { value: 2, label: "寰呭彂閫�" },
+ { value: 3, label: "宸插彂閫�" },
+ { value: 5, label: "鍙戦�佸け璐�" },
+ { value: 7, label: "瓒呮椂" },
+ ],
+ },
+ {
+ value: 20, // 涓�绾э細宸插畬鎴�
+ label: "宸插畬鎴�",
+ children: [{ value: 6, label: "宸插畬鎴�" }],
+ },
+ {
+ value: 30, // 涓�绾э細鏃犻渶闅忚
+ label: "鏃犻渶闅忚",
+ children: [{ value: 4, label: "涓嶆墽琛�" }],
+ },
+ ],
cardlist: [
{
- name: "鍑洪櫌鏈嶅姟鎬婚噺",
- value: 0,
- },
- // {
- // name: "鎮ｈ�呰繃婊�",
- // value: 0,
- // },
- {
- name: "闇�闅忚",
+ name: "鎮ｈ�呮湇鍔℃�婚噺",
value: 0,
},
- // {
- // name: "寮傚父",
- // value: 0,
- // },
{
- name: "鍙戦�佸け璐�",
+ name: "鏃犻渶闅忚",
+ value: 0,
+ },
+ {
+ name: "闇�闅忚",
value: 0,
},
{
name: "寰呴殢璁�",
value: 0,
},
- // {
- // name: "宸插彂閫�",
- // value: 0,
- // },
-
- // {
- // name: "琛ㄥ崟宸插彂閫�",
- // value: 0,
- // },
+ {
+ name: "宸插畬鎴�",
+ value: 0,
+ },
],
postData: {
XiaoXiTou: {
@@ -994,13 +999,13 @@
this.total = response.total;
if (refresh) {
this.cardlist[0].value =
- Number(response.rows[0].wzx) + Number(response.rows[0].ysf);
+ Number(response.rows[0].wxsf) + Number(response.rows[0].xsf) || 0;
// this.cardlist[1].value = response.rows[0].wzx;
- this.cardlist[1].value = response.rows[0].ysf;
+ this.cardlist[1].value = response.rows[0].wxsf || 0;
this.ycvalue = response.rows[0].yc;
- this.cardlist[2].value = response.rows[0].fssb;
- this.cardlist[3].value = response.rows[0].dsf;
- // this.cardlist[4].value = response.rows[0].yfs2;
+ this.cardlist[2].value = response.rows[0].xsf || 0;
+ this.cardlist[3].value = response.rows[0].dsf || 0;
+ this.cardlist[4].value = response.rows[0].ywc || 0;
this.yfsvalue = response.rows[0].yfs;
}
this.loading = false;
@@ -1056,7 +1061,7 @@
this.total = response.total;
if (refresh) {
this.cardlist[0].value =
- Number(response.rows[0].wzx) + Number(response.rows[0].ysf);
+ Number(response.rows[0].wxsf) + Number(response.rows[0].xsf) || 0;
this.cardlist[1].value = response.rows[0].wzx;
this.cardlist[2].value = response.rows[0].ysf;
this.ycvalue = response.rows[0].yc;
@@ -1194,6 +1199,37 @@
this.getList(refresh);
},
+ // 闅忚鐘舵�佸彉鏇村鐞�
+ handleServiceStatusChange(value) {
+ // 娓呯┖閫夋嫨
+ if (value === null || value === undefined || value === "") {
+ this.topqueryParams.sendstateView = null;
+ this.topqueryParams.sendstate = null;
+ return;
+ }
+ console.log(value, "value");
+
+ // 涓�绾ц妭鐐圭殑鍊硷紙澶т簬绛変簬10锛�
+ if (value >= 10) {
+ // 閫変腑浜嗕竴绾�
+ switch (value) {
+ case 10:
+ this.topqueryParams.sendstateView = 1; // 寰呴殢璁�
+ break;
+ case 20:
+ this.topqueryParams.sendstateView = 2; // 宸插畬鎴�
+ break;
+ case 30:
+ this.topqueryParams.sendstateView = 3; // 鏃犻渶闅忚
+ break;
+ }
+ this.topqueryParams.sendstate = null;
+ } else {
+ // 閫変腑浜嗕簩绾э紙鍏蜂綋鐘舵�侊級
+ this.topqueryParams.sendstateView = null;
+ this.topqueryParams.sendstate = value;
+ }
+ },
// 鎮ｈ�呰寖鍥村鐞�
handleChange(value) {
let type = value[0];
--
Gitblit v1.9.3