From 5339f63a6ab4611681b8ffd0a295193b1f5986b6 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 27 五月 2024 14:16:20 +0800
Subject: [PATCH] 测试完成
---
src/views/knowledge/questionnaire/index.vue | 143 ++++++++++++++++++++++++++++++++---------------
1 files changed, 98 insertions(+), 45 deletions(-)
diff --git a/src/views/knowledge/questionnaire/index.vue b/src/views/knowledge/questionnaire/index.vue
index e4c3562..a201461 100644
--- a/src/views/knowledge/questionnaire/index.vue
+++ b/src/views/knowledge/questionnaire/index.vue
@@ -29,7 +29,7 @@
>
<span class="custom-tree-node" slot-scope="{ node, data }">
<span>{{ node.label }}</span>
- <span>
+ <span v-if="data.id > 0">
<el-button
type="text"
icon="el-icon-delete"
@@ -37,6 +37,17 @@
size="mini"
@click="() => remove(node, data)"
>
+ </el-button>
+ </span>
+ <span v-if="data.id > 0">
+ <el-button
+ type="text"
+ circle
+ size="mini"
+ @click="() => altertag(node, data)"
+ ><span class="button-textxg"
+ ><i class="el-icon-edit-outline"></i
+ ></span>
</el-button>
</span>
</span>
@@ -66,13 +77,21 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
- <el-form-item label="閫傜敤绉戝" prop="sickness">
+ <el-form-item label="閫傜敤绉戝" prop="region">
<el-cascader
- v-model="queryParams.sickness"
- :options="editableTabs"
- :props="propss"
+ v-model="queryParams.administrative"
+ :options="deptList"
+ :props="props"
+ :show-all-levels="false"
clearable
- ></el-cascader>
+ >
+ <template slot-scope="{ node, data }">
+ <span>{{ data.deptName }}</span>
+ <span v-if="!node.isLeaf">
+ ({{ data.children.length }})
+ </span>
+ </template>
+ </el-cascader>
</el-form-item>
<el-form-item label="閫氱煡鍐呭" prop="userName">
<el-input
@@ -172,12 +191,14 @@
<el-table-column type="selection" width="50" align="center" />
<el-table-column
label="搴忓彿"
+ fixed
align="center"
key="svyid"
prop="svyid"
/>
<el-table-column
label="闂嵎鏍囬"
+ fixed
align="center"
key="svyname"
prop="svyname"
@@ -199,7 +220,7 @@
prop="description"
width="260"
/><el-table-column
- label="閫傜敤鐤剧梾(缂�)"
+ label="閫傜敤鐤剧梾"
align="center"
key="Applicable"
prop="Applicable"
@@ -216,33 +237,22 @@
>
</template>
</el-table-column>
+
<el-table-column
- label="閫傜敤绉戝(缂�)"
+ label="鏍囩"
align="center"
- key="administrative"
- prop="administrative"
- width="120"
- />
- <el-table-column
- label="鏍囩(缂�)"
- align="center"
- key="tagList"
- prop="tagList"
+ key="labelInfo"
+ prop="labelInfo"
width="160"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
- <span v-for="item in scope.row.tagList">{{ item }} </span>
+ <span v-for="item in scope.row.labelInfo.split(',')"
+ >{{ item }}銆�
+ </span>
</template>
</el-table-column>
- <el-table-column
- label="璧勬枡褰㈠紡(缂�)"
- align="center"
- key="cphonenumaber"
- prop="cphonenumaber"
- width="120"
- />
<el-table-column
label="鍙敤"
align="center"
@@ -264,6 +274,7 @@
<el-table-column
label="鎿嶄綔"
+ fixed="right"
align="center"
width="300"
class-name="small-padding fixed-width"
@@ -336,21 +347,18 @@
<el-option
v-for="item in deptOptions"
:key="item.id"
- :label="item.indexAssortName"
+ :label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="璇疯緭鍏ョ被鍒悕绉�">
- <el-input
- v-model="classifyform.indexAssortName"
- autocomplete="off"
- ></el-input>
+ <el-input v-model="classifyform.name" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
- <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
+ <el-button @click="getDeptTree()">鍙� 娑�</el-button>
<el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button>
</div>
</el-dialog>
@@ -421,6 +429,7 @@
getQtemplateclassify,
delQtemplateclassify,
addQtemplateclassify,
+ editQtemplateclassify,
getQtemplatelist,
issueinfo,
compileissue,
@@ -432,6 +441,8 @@
illnesslistget,
getillness,
} from "@/api/AiCentre/index";
+import { listDept } from "@/api/system/dept";
+
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -485,9 +496,11 @@
illnesslistapi: [],
illnesslist: [],
defaultProps: {
- children: "svyLibTopicCategoryList",
- label: "indexAssortName",
+ children: "svyLibTitleCategoryList",
+ label: "name",
},
+ deptList: [],
+ props: { multiple: true, value: "deptId", label: "deptName" },
mode: [],
languagelist: [],
qyoptions: [],
@@ -505,7 +518,7 @@
watch: {},
created() {
this.getList();
- // this.getDeptTree();
+ this.getDeptTree();
this.mode = store.getters.mode;
this.languagelist = store.getters.languagelist;
this.qyoptions = store.getters.usable;
@@ -520,6 +533,9 @@
this.userList = response.rows;
this.total = response.total;
this.loading = false;
+ });
+ listDept(this.queryParams).then((response) => {
+ this.deptList = this.handleTree(response.data, "deptId");
});
},
@@ -666,38 +682,49 @@
getDeptTree() {
getQtemplateclassify({}).then((res) => {
this.deptOptions = res.rows;
- console.log(res);
+ this.dialogFormVisible = false;
});
},
// 娣诲姞绫诲埆鏍�
submitsidecolumn() {
+ if (this.classifyform.id) {
+ editQtemplateclassify(this.classifyform).then((res) => {
+ this.getDeptTree();
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.classifyform = {};
+ this.dialogFormVisible = false;
+ });
+ return;
+ }
let calssvalue = {};
if (
this.classifyform.pid &&
- this.classifyform.indexAssortName &&
+ this.classifyform.name &&
this.radio == "瀛愬垎绫�"
) {
const index = this.deptOptions.findIndex(
(obj) => obj.id == this.classifyform.pid
);
calssvalue = this.deptOptions[index];
- calssvalue.ivrLibaTemplateAssortList.push(this.classifyform);
- } else if (this.radio == "涓诲垎绫�" && this.classifyform.indexAssortName) {
+ calssvalue.svyLibTitleCategoryList.push(this.classifyform);
+ } else if (this.radio == "涓诲垎绫�" && this.classifyform.name) {
this.classifyform.pid = null;
- this.classifyform.ivrLibaTemplateAssortList = [];
+ this.classifyform.svyLibTitleCategoryList = [];
} else {
return this.$modal.msgError("璇峰～鍐欏畬鏁翠俊鎭�");
}
addQtemplateclassify(this.classifyform).then((res) => {
this.getDeptTree();
this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.classifyform = {};
+ this.dialogFormVisible = false;
});
},
remove(a, b) {
if (b.pid) {
this.$modal
- .confirm('鏄惁纭鍒犻櫎鍒嗙被椤逛负"' + b.indexAssortName + '"鐨勬暟鎹」锛�')
+ .confirm('鏄惁纭鍒犻櫎鍒嗙被椤逛负"' + b.name + '"鐨勬暟鎹」锛�')
.then(function () {
return delQtemplateclassify(b.id);
})
@@ -709,9 +736,7 @@
} else {
this.$modal
.confirm(
- '鏄惁纭鍒犻櫎涓�绾у垎绫�"' +
- b.indexAssortName +
- '"锛熷垹闄ゅ悗鍏朵笅鍒嗙被灏嗗綊绫烩�樻湭鍒嗙被鈥�'
+ '鏄惁纭鍒犻櫎涓�绾у垎绫�"' + b.name + '"锛熷垹闄ゅ悗鍏朵笅鍒嗙被灏嗗綊绫烩�樻湭鍒嗙被鈥�'
)
.then(() => {
return delQtemplateclassify(b.id);
@@ -723,11 +748,21 @@
.catch(() => {});
}
},
+ altertag(a, b) {
+ this.dialogFormVisible = true;
+ if (!b.pid) {
+ this.radio = "涓诲垎绫�";
+ } else {
+ this.radio = "瀛愬垎绫�";
+ }
+ this.classifyform = b;
+ this.dialogFormVisible = true;
+ },
// 绛涢�夎妭鐐�
filterNode(value, data) {
if (!value) return true;
- return data.indexAssortName.indexOf(value) !== -1;
+ return data.name.indexOf(value) !== -1;
},
handleNodeClick(data) {
this.queryParams.assortid = data.id;
@@ -809,7 +844,7 @@
margin-top: 20px;
margin: 20px;
padding: 30px;
- background: #edf1f7;
+ background: #fff;
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);
@@ -925,6 +960,24 @@
font-size: 20px;
cursor: pointer;
}
+::v-deep .el-tree {
+ position: relative;
+ cursor: default;
+ border-radius: 5px;
+ background: #eff8fe;
+ color: #606266;
+ border: 1px solid #bbe1fa;
+ // 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
+ .el-tree--highlight-current
+ .el-tree-node.is-current
+ > .el-tree-node__content {
+ background-color: #7799fb;
+ color: #fff;
+}
::v-deep .el-button--mini.is-circle {
padding: 7px;
margin: 0;
--
Gitblit v1.9.3