From 9dd3964e34f08bbb04a82f2e05f1b41de7425c48 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 20 六月 2025 15:30:16 +0800
Subject: [PATCH] 测试完成
---
src/views/shortmessage/messagebank/index.vue | 340 ++++++++++++++++++++++++++++----------------------------
1 files changed, 172 insertions(+), 168 deletions(-)
diff --git a/src/views/shortmessage/messagebank/index.vue b/src/views/shortmessage/messagebank/index.vue
index 98fc3b7..6adb4cb 100644
--- a/src/views/shortmessage/messagebank/index.vue
+++ b/src/views/shortmessage/messagebank/index.vue
@@ -2,38 +2,49 @@
<div class="Questionnairemanagement">
<!-- 宸︿晶鏍� -->
<div class="sidecolumn">
- <div class="notebuttom"><i class="el-icon-chat-dot-square" />鍙戠煭淇�</div>
+ <div class="notebuttom" @click="handleAdd">
+ <i class="el-icon-chat-dot-square" />鍙戠煭淇�
+ </div>
+ <el-divider></el-divider>
<div class="notestate">
<div class="state-text">鐭俊鐘舵��</div>
- <div class="state-line">
- <div class="value-left">
- <i class="el-icon-chat-dot-square" />鍏ㄩ儴
- </div>
+ <div
+ :class="classestag == 1 ? 'state-lines' : 'state-line'"
+ @click="completefn"
+ >
+ <div class="value-left"><i class="el-icon-menu" />鍏ㄩ儴</div>
<div class="quantityq">22</div>
</div>
- <div class="state-line">
+ <div
+ :class="classestag == 2 ? 'state-lines' : 'state-line'"
+ @click="succeedfn"
+ >
<div class="value-left">
- <i class="el-icon-chat-dot-square" />鍙戦�佹垚鍔�
+ <i class="el-icon-circle-check" />鍙戦�佹垚鍔�
</div>
<div class="quantitycg">22</div>
</div>
- <div class="state-line">
+ <div
+ :class="classestag == 3 ? 'state-lines' : 'state-line'"
+ @click="losefn"
+ >
<div class="value-left">
- <i class="el-icon-chat-dot-square" />鍙戦�佸け璐�
+ <i class="el-icon-warning-outline" />鍙戦�佸け璐�
</div>
<div class="quantitysb">22</div>
</div>
- <div class="state-line">
- <div class="value-left">
- <i class="el-icon-chat-dot-square" />寰呭彂閫�
- </div>
+ <div
+ :class="classestag == 4 ? 'state-lines' : 'state-line'"
+ @click="awaitfn"
+ >
+ <div class="value-left"><i class="el-icon-s-help" />寰呮墽琛�</div>
<div class="quantityd">22</div>
</div>
</div>
</div>
<!-- 鍙充晶鏁版嵁 -->
<div class="leftvlue">
- <div class="leftvlue-top">鐭俊璇︽儏</div>
+ <div class="leftvlue-top">鐭俊璇︽儏({{ total }})</div>
<div class="leftvlue-bg">
<el-row :gutter="20">
<!--鐢ㄦ埛鏁版嵁-->
@@ -55,7 +66,7 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
- <el-form-item label="鍒涘缓鏃堕棿">
+ <el-form-item label="涓婁紶鏃ユ湡">
<el-date-picker
v-model="dateRange"
style="width: 240px"
@@ -148,63 +159,84 @@
prop="userId"
/>
<el-table-column
- label="涓绘棬"
+ label="鎵嬫満鍙风爜"
align="center"
key="userName"
prop="userName"
:show-overflow-tooltip="true"
/>
<el-table-column
- label="闂鏂囨湰"
+ label="绫诲瀷"
align="center"
key="nickName"
prop="nickName"
- width="400"
:show-overflow-tooltip="true"
/>
<el-table-column
- label="闂璇煶"
+ label="鍙戦�佷汉"
align="center"
- key="aphonenumber"
- prop="aphonenumber"
- width="400"
+ key="transmitleg"
+ prop="transmitleg"
/><el-table-column
- label="鍏宠仈鎸囨爣"
+ label="鎺ユ敹浜�"
align="center"
key="bphonenumber"
prop="bphonenumber"
width="120"
/>
<el-table-column
- label="鎸囨爣閫夐」"
+ label="涓婁紶鏃堕棿"
align="center"
- key="bphonenumber"
- prop="bphonenumber"
- width="120"
- />
- <el-table-column
- label="璇█"
- align="center"
- key="indicator"
- prop="indicator"
- width="120"
- />
- <el-table-column label="鏄惁鍚敤" align="center" key="status">
+ prop="createTime"
+ width="160"
+ >
<template slot-scope="scope">
- <el-switch
- v-model="scope.row.status"
- active-value="0"
- inactive-value="1"
- @change="handleStatusChange(scope.row)"
- ></el-switch>
+ <span>{{ formatTime(scope.row.createTime) }}</span>
+ </template> </el-table-column
+ ><el-table-column
+ label="鍙戦�佹椂闂�"
+ align="center"
+ prop="createTime"
+ width="160"
+ >
+ <template slot-scope="scope">
+ <span>{{ formatTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鍙戦�佸唴瀹�"
+ align="center"
+ key="sendvalue"
+ prop="sendvalue"
+ width="300"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ label="鍙戦�佺姸鎬�"
+ align="center"
+ key="state"
+ prop="state"
+ >
+ <template slot-scope="scope">
+ <div
+ v-if="scope.row.state == 1"
+ style="color: rgb(58, 250, 144)"
+ >
+ <i class="el-icon-check"></i>
+ </div>
+ <div
+ v-else-if="scope.row.state == 2"
+ style="color: rgb(250, 96, 58)"
+ >
+ <i class="el-icon-check"></i>
+ </div>
</template>
</el-table-column>
<el-table-column
label="鎿嶄綔"
align="center"
- width="200"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
@@ -214,25 +246,7 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['system:user:edit']"
><span class="button-textxg"
- ><i class="el-icon-edit-outline"></i>淇敼</span
- ></el-button
- >
- <el-button
- size="medium"
- type="text"
- @click="compileUpdate(scope.row)"
- v-hasPermi="['system:user:edit']"
- ><span class="button-bji"
- ><i class="el-icon-edit"></i>缂栬緫鐭俊</span
- ></el-button
- >
- <el-button
- size="medium"
- type="text"
- @click="handleDelete(scope.row)"
- v-hasPermi="['system:user:remove']"
- ><span class="button-textsc"
- ><i class="el-icon-delete-solid"></i>鍒犻櫎</span
+ ><i class="el-icon-edit-outline"></i>鍐嶆鍙戦��</span
></el-button
>
</template>
@@ -466,7 +480,6 @@
components: { Treeselect },
data() {
return {
- topactiveName: "Local", //椤堕儴閫夋嫨
// 閬僵灞�
loading: false,
// 閫変腑鏁扮粍
@@ -479,6 +492,7 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
+ classestag: 1, //绫诲埆鏍囪瘑
namequestionnaire: "",
haoquestionnaire: "",
idds: "",
@@ -643,68 +657,9 @@
console.log(this.userList);
});
},
- // 娣诲姞銆佷慨鏀圭被鍒�
- submitsidecolumn() {
- if (this.amendtag) {
- this.classifyform.tagcategoryid = this.idds;
- // toamendtagcategory(this.addDateRange(this.classifyform)).then(
- // (response) => {
- // console.log(response);
- // this.gitclasify();
- // }
- // );
- } else {
- // addtagcategory(this.addDateRange(this.classifyform)).then(
- // (response) => {
- // console.log(response);
- // this.gitclasify();
- // }
- // );
- }
- this.classifyform = {
- categoryname: "",
- };
- this.idds = "";
- this.dialogFormVisible = false;
- },
- //鍒犻櫎鍒嗙被
- deletefenlei(row) {
- if (this.deleteVisible) {
- // deletetagcategory(this.idds).then((response) => {
- // console.log(response);
- // this.gitclasify();
- // });
- this.deleteVisible = false;
- this.idds = "";
- } else {
- this.deleteVisible = true;
- this.idds = row.tagcategoryid;
- this.deletefenl = row.title;
- }
- },
- compileUpdate(row) {
- this.$router.push({
- path: "/repositoryai/verbaltrick/particulars/",
- query: { id: "1" },
- });
- },
- // 棰樼洰鐘舵�佷慨鏀�
- handleStatusChange(row) {
- let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
- this.$modal
- .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵')
- .then(function () {
- return changeUserStatus(row.userId, row.status);
- })
- .then(() => {
- this.$modal.msgSuccess(text + "鎴愬姛");
- })
- .catch(function () {
- row.status = row.status === "0" ? "1" : "0";
- });
- },
- //鎼滅储绫诲埆
- sidecolumnss() {},
+ // const { pageNum, pageSize, ...params } = this.queryParams;
+ submitsidecolumn() {},
+ deletefenlei() {},
// 渚挎嵎鏍囩
tsgnameto() {},
// 鍒囨崲鍏变韩/鏈湴
@@ -754,9 +709,7 @@
},
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
- this.reset();
- this.title = "鏂板鐭俊";
- this.indexopen = true;
+ this.$router.push("/shortmessage/messagebank/compile/");
},
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
@@ -805,6 +758,22 @@
})
.catch(() => {});
},
+ // 鍒囨崲鍏ㄩ儴绫诲埆
+ completefn() {
+ this.classestag = 1;
+ },
+ // 鍒囨崲鎴愬姛绫诲埆
+ succeedfn() {
+ this.classestag = 2;
+ },
+ // 鍒囨崲澶辫触绫诲埆
+ losefn() {
+ this.classestag = 3;
+ },
+ // 鍒囨崲寰呮墽琛岀被鍒�
+ awaitfn() {
+ this.classestag = 4;
+ },
},
};
</script>
@@ -814,60 +783,95 @@
display: flex;
}
.sidecolumn {
- width: 300px;
+ width: 350px;
min-height: 100vh;
text-align: center;
// display: flex;
margin-top: 20px;
margin: 20px;
- padding: 30px;
- background: #edf1f7;
+ padding: 10px;
+ padding-top: 20px;
+ text-align: center;
+ background: #dfeffd;
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
0 0 6px 0 rgba(0, 0, 0, 0.04);
- .sidecolumn-top {
- display: flex;
- justify-content: space-between;
- .top-wj {
- font-size: 20px;
+ .notebuttom {
+ height: 35px;
+ background: #85c046;
+ color: #ffff;
+ font-size: 20px;
+ line-height: 35px;
+ cursor: pointer;
+ border-radius: 3px;
+ }
+ .notestate {
+ font-size: 20px;
+ .state-text {
+ height: 40px;
}
- .top-tj {
- font-size: 18px;
-
- color: rgb(0, 89, 255);
+ .state-line {
+ display: flex;
+ height: 40px;
+ align-items: center;
+ padding: 10px 10px;
cursor: pointer;
+ justify-content: space-between;
}
- }
- .center-ss {
- margin-top: 30px;
- .input-with-select {
- height: 40px !important;
+ .state-lines {
+ display: flex;
+ height: 40px;
+ align-items: center;
+ padding: 10px 10px;
+ background: #88abfc;
+ color: #fff;
+ cursor: pointer;
+ justify-content: space-between;
}
- }
- .bottom-fl {
- margin-top: 30px;
- display: center !important;
+ .state-line:hover {
+ background: #88abfc;
+ }
+ .quantityq {
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
+ border-radius: 10px;
+ color: #fff;
+ background: #9eb8ff;
+ }
+ .quantitycg {
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
+ border-radius: 10px;
+ color: #fff;
+
+ background: #48cf2d;
+ }
+ .quantitysb {
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
+ border-radius: 10px;
+ color: #fff;
+
+ background: #ce513b;
+ }
+ .quantityd {
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
+ border-radius: 10px;
+ color: #fff;
+
+ background: #3fbff1;
+ }
}
}
-.qrcode-dialo {
- text-align: center;
- // display: flex;
- margin: 20px;
- padding: 30px;
- background: #edf1f7;
- border: 1px solid #dcdfe6;
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
- 0 0 6px 0 rgba(0, 0, 0, 0.04);
- .qrcode-text {
- font-size: 20px;
- span {
- margin-left: 20px;
- }
- }
- .qrcode-img {
- width: 300px;
- height: 400px;
- }
+[class^="el-icon-"],
+[class*=" el-icon-"] {
+ font-weight: 600;
+ font-size: 20px;
}
.tsgname {
width: 90px;
--
Gitblit v1.9.3