From 40df27ac2743083ed196d4cc91d285716a3fb660 Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期二, 01 八月 2023 10:33:37 +0800
Subject: [PATCH] 11
---
src/views/tool/module/Editinterface.vue | 255 ++++++++++++++++++++++++++++++++++++++++++
vue.config.js | 1
src/views/followvisit/record/detailpage/index.vue | 47 +++++++
src/views/system/label/index.vue | 4
src/views/shortmessage/messagebank/index.vue | 16 ++
src/views/tool/module/classifythreea.vue | 2
6 files changed, 318 insertions(+), 7 deletions(-)
diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index ad484bd..1b1ffd7 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -15,7 +15,23 @@
<span class="mulsz" slot="label"
><i class="el-icon-headset"></i> 璇煶璇︽儏1</span
>
- <div class="borderdiv">璇煶璇︽儏1</div>
+ <div class="borderdiv">
+ <div>
+ <div class="leftside">
+ <i class="el-icon-phone-outline"></i><span>璇存拻鍟婂皬璇�</span>
+ </div>
+ <div class="offside">
+ <i class="el-icon-user"></i>
+ <div class="offside-value">
+ <el-input v-model="input"></el-input>
+ <el-radio v-model="radio" label="1">澶囬�夐」</el-radio>
+ <el-radio v-model="radio" label="2">澶囬�夐」2</el-radio>
+ <el-radio v-model="radio" label="3">澶囬�夐」3</el-radio>
+ <el-radio v-model="radio" label="4">澶囬�夐」4</el-radio>
+ </div>
+ </div>
+ </div>
+ </div>
</el-tab-pane>
<el-tab-pane>
<span class="mulsz" slot="label"
@@ -56,6 +72,8 @@
return {
radio: "1",
userid: "",
+ input: "",
+ radio: "2",
};
},
@@ -83,6 +101,33 @@
}
.borderdiv {
min-height: 60vh;
+ font-size: 20px;
+ padding: 30px;
+ .leftside {
+ margin-bottom: 30px;
+ span {
+ width: 400px;
+ margin-left: 20px;
+ padding: 10px;
+ color: #fff;
+ background: rgb(110, 196, 247);
+ border-radius: 10px;
+ }
+ }
+ .offside {
+ display: flex;
+ flex-direction: row-reverse;
+ .offside-value {
+ padding: 10px;
+ background: rgb(217, 173, 253);
+ border-radius: 10px;
+ color: #fff;
+ margin-right: 20px;
+ }
+ }
+}
+::v-deep.offside-value .el-radio__label {
+ color: #fff;
}
.mulsz {
font-size: 25px;
diff --git a/src/views/shortmessage/messagebank/index.vue b/src/views/shortmessage/messagebank/index.vue
index b8ae5f9..cab0334 100644
--- a/src/views/shortmessage/messagebank/index.vue
+++ b/src/views/shortmessage/messagebank/index.vue
@@ -2,7 +2,9 @@
<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>
@@ -17,21 +19,25 @@
:class="classestag == 2 ? 'state-lines' : 'state-line'"
@click="succeedfn"
>
- <div class="value-left"><i class="el-icon-s-claim" />鍙戦�佹垚鍔�</div>
+ <div class="value-left">
+ <i class="el-icon-circle-check" />鍙戦�佹垚鍔�
+ </div>
<div class="quantitycg">22</div>
</div>
<div
:class="classestag == 3 ? 'state-lines' : 'state-line'"
@click="losefn"
>
- <div class="value-left"><i class="el-icon-warning" />鍙戦�佸け璐�</div>
+ <div class="value-left">
+ <i class="el-icon-warning-outline" />鍙戦�佸け璐�
+ </div>
<div class="quantitysb">22</div>
</div>
<div
:class="classestag == 4 ? 'state-lines' : 'state-line'"
@click="awaitfn"
>
- <div class="value-left"><i class="el-icon-s-comment" />寰呭彂閫�</div>
+ <div class="value-left"><i class="el-icon-s-help" />寰呭彂閫�</div>
<div class="quantityd">22</div>
</div>
</div>
@@ -651,6 +657,7 @@
console.log(this.userList);
});
},
+ // const { pageNum, pageSize, ...params } = this.queryParams;
submitsidecolumn() {},
deletefenlei() {},
// 渚挎嵎鏍囩
@@ -817,6 +824,7 @@
align-items: center;
padding: 10px 10px;
background: #88abfc;
+ color: #fff;
cursor: pointer;
justify-content: space-between;
}
diff --git a/src/views/system/label/index.vue b/src/views/system/label/index.vue
index 2f291ed..513af3e 100644
--- a/src/views/system/label/index.vue
+++ b/src/views/system/label/index.vue
@@ -637,7 +637,7 @@
// 鏍囩鐘舵�佷慨鏀�
handleStatusChange(row) {
console.log(row.isupload);
- let text = row.isupload === "0" ? "鍚敤" : "鍋滅敤";
+ let text = row.isupload == 0 ? "鍋滅敤" : "鍚敤";
this.$modal
.confirm('纭瑕�"' + text + '""' + row.tagname + '"鏍囩鍚楋紵')
.then(function () {
@@ -647,7 +647,7 @@
this.$modal.msgSuccess(text + "鎴愬姛");
})
.catch(function () {
- row.isupload = row.isupload === "0" ? "1" : "0";
+ row.isupload = row.isupload == 0 ? 1 : 0;
});
},
/** 鎼滅储鎸夐挳鎿嶄綔 */
diff --git a/src/views/tool/module/Editinterface.vue b/src/views/tool/module/Editinterface.vue
new file mode 100644
index 0000000..25b51e6
--- /dev/null
+++ b/src/views/tool/module/Editinterface.vue
@@ -0,0 +1,255 @@
+<template>
+ <div class="Questionnairemanagement">
+ <!-- 宸︿晶鏍� -->
+ <div class="sidecolumn">
+ <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText">
+ </el-input>
+
+ <el-tree
+ class="filter-tree"
+ :data="data"
+ :props="defaultProps"
+ default-expand-all
+ :filter-node-method="filterNode"
+ ref="tree"
+ >
+ <span class="custom-tree-node" slot-scope="{ node, data }">
+ <span>{{ node.label }}</span>
+ <span>
+ <el-button type="text" size="mini" @click="() => append(data)">
+ 鏂板瀛愮骇
+ </el-button>
+ <el-button
+ type="text"
+ size="mini"
+ @click="() => remove(node, data)"
+ >
+ 鍒犻櫎
+ </el-button>
+ </span>
+ </span>
+ </el-tree>
+ </div>
+ <!-- 涓儴鏁版嵁 -->
+ <div class="leftvlue">
+ <div class="compile" v-for="item in list">
+ <div class="compile-title">
+ {{ item.name }}: <span>{{ item.uapiurl }}</span>
+ </div>
+ <div class="compile-value">
+ <div class="compile-min" v-for="itea in item.value">
+ <div>
+ <el-input v-model="itea.value" placeholder="鍏ュ弬娉ㄨВ"></el-input>
+ </div>
+ <div>
+ <el-input v-model="itea.name" placeholder="鍏ュ弬鍚�"></el-input>
+ </div>
+ <div @click="drawer = true">灞曞紑涓嬬骇</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <el-drawer
+ title="鎴戞槸浜岀骇"
+ direction="btt"
+ :visible.sync="drawer"
+ :with-header="false"
+ >
+ <div class="compile-value">
+ <div class="compile-min" v-for="itea in 6">
+ <div>
+ <el-input v-model="input" placeholder="鍏ュ弬娉ㄨВ"></el-input>
+ </div>
+ <div>
+ <el-input v-model="inputs" placeholder="鍏ュ弬鍚�"></el-input>
+ </div>
+ </div>
+ </div>
+ </el-drawer>
+ </div>
+</template>
+
+<script>
+let id = 1000;
+export default {
+ name: "Editinterface",
+
+ watch: {
+ filterText(val) {
+ this.$refs.tree.filter(val);
+ },
+ },
+
+ data() {
+ const data = [
+ {
+ id: 1,
+ label: "鎮ｈ�呮湇鍔′腑蹇�",
+ children: [
+ {
+ id: 4,
+ label: "鎮ｈ�呭垪琛�",
+ },
+ {
+ id: 21,
+ label: "鎮ｈ�呮湇鍔�",
+ },
+ ],
+ },
+ {
+ id: 2,
+ label: "涓�绾� 2",
+ children: [
+ {
+ id: 5,
+ label: "浜岀骇 2-1",
+ },
+ {
+ id: 6,
+ label: "浜岀骇 2-2",
+ },
+ ],
+ },
+ {
+ id: 3,
+ label: "涓�绾� 3",
+ children: [
+ {
+ id: 7,
+ label: "浜岀骇 3-1",
+ },
+ {
+ id: 8,
+ label: "浜岀骇 3-2",
+ },
+ ],
+ },
+ ];
+ return {
+ drawer: false,
+ input: "",
+ inputs: "",
+ // 鏌ヨ鍙傛暟
+ queryParams: {},
+ currentRow: null, //閫変腑琛屾暟鎹�
+ filterText: "",
+
+ data: JSON.parse(JSON.stringify(data)),
+ data: JSON.parse(JSON.stringify(data)),
+
+ defaultProps: {
+ children: "children",
+ label: "label",
+ },
+ list: [
+ {
+ id: "23",
+ name: "鑾峰彇鎮ｈ�呭垪琛�",
+ uapiurl: "http://api",
+ value: [
+ { name: "children", value: "娉ㄨВ" },
+ { name: "childrenone", value: "娉ㄨВ涓�" },
+ { name: "childrentwo", value: "娉ㄨВ浜�" },
+ { name: "childrenthree", value: "娉ㄨВ涓�" },
+ ],
+ },
+ {
+ id: "13",
+ name: "鑾峰彇鎮ｈ�呰鎯�",
+ uapiurl: "http://api/xqq",
+ value: [
+ { name: "children", value: "娉ㄨВ" },
+ { name: "childrenone", value: "娉ㄨВ涓�" },
+ { name: "childrentwo", value: "娉ㄨВ浜�" },
+ { name: "childrenthree", value: "娉ㄨВ涓�" },
+ { name: "childrenthree", value: "娉ㄨВ鍥�" },
+ ],
+ },
+ ],
+ };
+ },
+ watch: {},
+ created() {},
+
+ methods: {
+ filterNode(value, data) {
+ if (!value) return true;
+ return data.label.indexOf(value) !== -1;
+ },
+ append(data) {
+ const newChild = { id: id++, label: "瀛愮骇", children: [] };
+ if (!data.children) {
+ this.$set(data, "children", []);
+ }
+ data.children.push(newChild);
+ },
+
+ remove(node, data) {
+ const parent = node.parent;
+ const children = parent.data.children || parent.data;
+ const index = children.findIndex((d) => d.id === data.id);
+ children.splice(index, 1);
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.Questionnairemanagement {
+ display: flex;
+}
+.sidecolumn {
+ width: 300px;
+ min-height: 100vh;
+ text-align: center;
+ // display: flex;
+ margin-top: 20px;
+ margin: 20px;
+ padding: 10px;
+ 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);
+}
+::v-deep .sidecolumn .el-tree {
+ margin-top: 30px;
+ background: none;
+}
+
+.leftvlue {
+ // display: flex;
+ // flex: 1;
+ width: 80%;
+ margin-top: 20px;
+ // margin: 20px;
+ padding: 30px;
+ background: #ffff;
+ 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);
+ .compile {
+ border: 1px solid #dcdfe6;
+ padding: 15px;
+ margin-top: 10px;
+ }
+}
+.compile-value {
+ display: flex;
+ margin-top: 10px;
+
+ .compile-min {
+ border: 1px solid #dcdfe6;
+ width: 150px;
+ div {
+ padding: 5px;
+ text-align: center;
+ }
+ }
+}
+.compile-min div:nth-child(3) {
+ padding: 0;
+ margin: 5px;
+ background: bisque;
+ border-radius: 3px;
+}
+</style>
diff --git a/src/views/tool/module/classifythreea.vue b/src/views/tool/module/classifythreea.vue
index e465915..d1c60c1 100644
--- a/src/views/tool/module/classifythreea.vue
+++ b/src/views/tool/module/classifythreea.vue
@@ -313,6 +313,8 @@
</el-row>
</div>
<el-divider></el-divider>
+
+
<div>
<h5>浜屽彿琛�</h5>
<el-row :gutter="10" class="mb8">
diff --git a/vue.config.js b/vue.config.js
index 034b409..ce7adcf 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -37,6 +37,7 @@
[process.env.VUE_APP_BASE_API]: {
target1: `http://192.168.1.4:8080`,
target: `http://192.168.1.4:8080`,
+ // target: `http://www.hxsoft.com:8080`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
--
Gitblit v1.9.3