From ad0ecacbc73d16c9b95b79ac3c82868cbff33e44 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 05 八月 2024 16:17:21 +0800
Subject: [PATCH] 测试完成
---
src/views/knowledge/questionnaire/compilequer/index.vue | 195 +++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 166 insertions(+), 29 deletions(-)
diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue
index 5f90647..736a78f 100644
--- a/src/views/knowledge/questionnaire/compilequer/index.vue
+++ b/src/views/knowledge/questionnaire/compilequer/index.vue
@@ -141,13 +141,24 @@
</div>
</el-form-item>
</el-row>
- <el-row>
+ <div class="xinz-infs">
<el-form-item label="閫傜敤鐤剧梾" prop="region">
- <el-button type="warning" @click="$refs.child.handleAddpatient()"
- >娣诲姞鐤剧梾</el-button
+ <el-tag
+ v-for="tag in displayedTags"
+ :key="tag.icdid"
+ type="warning"
+ :disable-transitions="false"
>
+ {{ tag.icdname }}
+ </el-tag>
+ <el-tag v-if="hasMore" type="info">+{{ remaining }} more</el-tag>
</el-form-item>
- </el-row>
+ </div>
+ <div style="margin-left: 120px; margin-bottom: 10px">
+ <el-button type="warning" @click="$refs.child.handleAddpatient()"
+ >鐤剧梾璇︽儏</el-button
+ >
+ </div>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="鐗堟湰鍙�" prop="name">
@@ -246,6 +257,13 @@
@click="getaddtopiclist"
>娣诲姞棰樼洰</el-button
>
+ <el-button
+ type="success"
+ icon="el-icon-edit-outline"
+ round
+ @click="Operateit = !Operateit"
+ >{{ !Operateit ? "缂栬緫棰樼洰" : "瀹屾暣淇℃伅灞曠ず" }}</el-button
+ >
</div>
<div style="display: flex">
<span
@@ -264,7 +282,7 @@
</div>
</div>
<div class="presentation">
- <div class="presentation-left">
+ <div :class="Operateit ? 'presentation-left' : 'spresentation-left'">
<el-card class="box-card" style="min-height: 688px">
<el-table
v-loading="loading"
@@ -275,6 +293,7 @@
align="center"
key="sort"
prop="sort"
+ width="50"
/>
<el-table-column
label="棰樼洰鏍囬"
@@ -284,14 +303,60 @@
:show-overflow-tooltip="true"
/>
<el-table-column
+ label="棰樺瀷"
+ align="center"
+ key="scriptType"
+ prop="scriptType"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <dict-tag
+ :options="askvaluetype"
+ :value="scope.row.scriptType"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column
+ v-if="!Operateit"
label="棰樼洰鍐呭"
align="center"
key="scriptContent"
prop="scriptContent"
:show-overflow-tooltip="true"
/>
+ <el-table-column
+ v-if="!Operateit"
+ label="鎸囨爣鍚嶇О"
+ align="center"
+ key="targetname"
+ prop="targetname"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column
+ v-if="!Operateit"
+ label="鏄惁蹇呭～"
+ align="center"
+ key="ismandatory"
+ prop="ismandatory"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <dict-tag
+ :options="required"
+ :value="scope.row.ismandatory"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="涓嬮璺宠浆"
+ align="center"
+ key="nextScriptno"
+ prop="nextScriptno"
+ :show-overflow-tooltip="true"
+ />
<el-table-column
+ v-if="Operateit"
label="鎿嶄綔"
align="center"
width="250"
@@ -327,27 +392,32 @@
</el-table>
</el-card>
</div>
- <div class="presentation-right">
+ <div class="presentation-right" v-if="Operateit">
<el-card class="box-card">
<el-form
:inline="true"
:model="topicobj"
class="demo-form-inline"
>
- <div class="headline">
- 棰樼洰璁剧疆璇︽儏
- <span style="margin-left: 30px"
- ><el-button type="primary" @click="Submittopicobj"
- >淇濆瓨</el-button
- ></span
- >
- </div>
- <el-form-item label="棰樼洰鏍囬">
- <el-input
- v-model="topicobj.scriptTopic"
- placeholder="璇疯緭鍏ユ爣棰�"
- ></el-input>
- </el-form-item>
+ <div class="headline">棰樼洰璁剧疆璇︽儏</div>
+ <el-row :gutter="10">
+ <el-col :span="12">
+ <el-form-item label="棰樼洰鏍囬">
+ <el-input
+ v-model="topicobj.scriptTopic"
+ placeholder="璇疯緭鍏ユ爣棰�"
+ ></el-input> </el-form-item
+ ></el-col>
+ <el-col :span="12">
+ <el-form-item label="涓嬮璺宠浆" v-if="!topicobj.branchFlag">
+ <el-input
+ v-model="topicobj.nextScriptno"
+ placeholder="璇疯緭鍏ラ鍙�"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
<el-row :gutter="10">
<el-col :span="12"
><el-form-item label="鏄惁蹇呭～">
@@ -380,6 +450,25 @@
</el-select> </el-form-item
></el-col>
</el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item
+ label="棰樼洰鍒嗗��"
+ v-if="topicobj.scoretype == 1"
+ >
+ <el-input
+ v-model="topicobj.score"
+ placeholder="璇疯緭鍏ラ鍙�"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="鏄惁鐢遍�夐」閰嶇疆璺宠浆">
+ <el-radio-group v-model="topicobj.branchFlag">
+ <el-radio :label="1">鏄�</el-radio>
+ <el-radio :label="0">鍚�</el-radio>
+ </el-radio-group>
+ </el-form-item>
<div v-if="topicobj.scriptType != 3">
<div class="headline">閫夐」璁剧疆</div>
<div
@@ -742,11 +831,7 @@
{ value: "scriptTopic", table: "scriptTopic" },
],
- appraiselist: [
- { label: "鍒嗘暟", value: "1" },
- { label: "ABC绛夌骇", value: "2" },
- { label: "浼樿壇绛夌骇", value: "3" },
- ],
+ appraiselist: [],
fileList: [
{
@@ -781,11 +866,13 @@
themelist: [],
languagelist: [],
courtyardlist: [],
+ askvaluetype: [],
precedencetype: [],
inputValueillness: "",
inputVisible: false,
inputVisibleillness: false,
illnessVisible: false, //鎸囨爣鐤剧梾寮规
+ Operateit: true,
deptOptions: [],
optionsillness: [],
delScriptVOList: [],
@@ -839,7 +926,24 @@
this.required = store.getters.required;
this.valuetype = store.getters.valuetype;
this.courtyardlist = store.getters.courtyardlist;
+ this.askvaluetype = store.getters.askvaluetype;
+ this.appraiselist = store.getters.appraiselist;
+
// this.test();
+ },
+ computed: {
+ displayedTags() {
+ // 杩斿洖鍓�10涓猼ag
+ return this.illnesslist.slice(0, 10);
+ },
+ hasMore() {
+ // 鍒ゆ柇鏄惁鏈夋洿澶氱殑tag
+ return this.illnesslist.length > 10;
+ },
+ remaining() {
+ // 璁＄畻鍓╀綑鐨則ag鏁伴噺
+ return this.illnesslist.length - 10;
+ },
},
methods: {
@@ -1041,6 +1145,13 @@
console.log(this.ruleForm.svyTemplateLibScripts, "搴忓墠鍊�");
this.ruleForm.svyTemplateLibScripts.forEach((item, index) => {
item.sort = Number(index) + 1;
+ console.log(this.ruleForm.svyTemplateLibScripts.length, "length");
+
+ if (item.sort == this.ruleForm.svyTemplateLibScripts.length) {
+ item.nextScriptno = "宸叉槸鏈�鍚庝竴棰�";
+ } else {
+ item.nextScriptno = item.sort + 1;
+ }
if (item.svyLibTemplateTargetoptions) {
item.svyLibTemplateTargetoptions.forEach((items) => {
items.nextQuestion = Number(item.sort) + 1;
@@ -1293,8 +1404,7 @@
// display: flex;
}
.sidecolumn {
- margin: 20px;
- margin-bottom: 0;
+ margin: 10px 20px 0 20px;
padding: 20px;
background: #edf1f7;
border: 1px solid #dcdfe6;
@@ -1308,6 +1418,8 @@
// margin-top: 20px;
margin: 20px;
padding: 30px;
+ padding-top: 5px;
+ margin-top: 10px;
background: #ffff;
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
@@ -1371,6 +1483,14 @@
vertical-align: bottom;
}
}
+.xinz-infs {
+ font-size: 18px;
+ line-height: 48px;
+
+ .el-tag + .el-tag {
+ margin-left: 10px;
+ }
+}
.addtopic {
margin-top: 30px;
}
@@ -1378,7 +1498,17 @@
margin: 20px 0;
display: flex;
.presentation-left {
- width: 50%;
+ width: 45%;
+ // height: 500px;
+ .button-textxg {
+ color: #024df0;
+ }
+ .button-textsc {
+ color: #f52727;
+ }
+ }
+ .spresentation-left {
+ width: 100%;
// height: 500px;
.button-textxg {
color: #024df0;
@@ -1388,7 +1518,7 @@
}
}
.presentation-right {
- width: 50%;
+ width: 55%;
max-height: 688px;
padding: 0 20px;
font-size: 18px;
@@ -1411,6 +1541,13 @@
.custom-width {
width: 100px; /* 璁剧疆瀹藉害鏍峰紡 */
}
+.el-select {
+ width: 40%;
+}
+
+.el-cascader {
+ width: 40%;
+}
::v-deep .addtopic-input {
input {
background: #02a7f0;
--
Gitblit v1.9.3