From ad70f145e8bea957b41043b4a1e37ce37cc5ed1e Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 16 一月 2024 18:39:24 +0800
Subject: [PATCH] 指标完成

---
 src/views/repositoryai/templateku/configurat/index.vue | 1774 +++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 1,486 insertions(+), 288 deletions(-)

diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue
index fb283bf..004e65d 100644
--- a/src/views/repositoryai/templateku/configurat/index.vue
+++ b/src/views/repositoryai/templateku/configurat/index.vue
@@ -1,353 +1,1551 @@
 <template>
-  <div class="stencils">
-    <!-- 涓婇儴 -->
-    <div class="stencils-top">
-      <div class="basic">寰呴�夐棶棰�</div>
-      <div class="top-menu">
-        <div class="search-box">
-          <el-form :inline="true" :model="formInline" class="demo-form-inline">
-            <el-form-item label="璇█" prop="status">
-              <el-select v-model="formInline.status" placeholder="璇烽�夋嫨">
+  <div class="Questionnairemanagement">
+    <!-- 宸︿晶鏍� -->
+    <div class="sidecolumn">
+      <div style="height: 400px">
+        <el-steps direction="vertical" :active="Editprogress">
+          <el-step title="鍩虹淇℃伅"></el-step>
+          <el-step title="闅忚妯$増棰樼洰"></el-step>
+          <el-step
+            title="闅忚妯$増棰勮"
+            description="鏌ョ湅闅忚妯$増棰勮锛屽彲瀵煎嚭PDF"
+          ></el-step>
+        </el-steps>
+      </div>
+    </div>
+    <!-- 鍙充晶鏁版嵁 -->
+    <div class="leftvlue">
+      <!-- 鍩烘湰淇℃伅 -->
+      <div v-if="Editprogress == 1">
+        <div class="leftvlue-jbxx">鍩烘湰淇℃伅</div>
+        <el-divider></el-divider>
+        <el-form
+          :model="ruleForm"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="120px"
+          class="demo-ruleForm"
+        >
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="妯$増鍚嶇О" prop="region">
+                <div>
+                  <el-input
+                    v-model="ruleForm.templateName"
+                    placeholder="璇疯緭鍏ュ悕绉�"
+                  ></el-input>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="闅忚妯$増鍒嗙被" prop="region">
+                <el-select
+                  v-model="ruleForm.assortid"
+                  size="medium"
+                  filterable
+                  placeholder="璇烽�夋嫨鍒嗙被"
+                >
+                  <el-option-group
+                    v-for="group in indexAssortlist"
+                    :key="group.id"
+                    :label="group.indexAssortName"
+                  >
+                    <el-option
+                      v-for="item in group.ivrLibaTemplateAssortList"
+                      :key="item.id"
+                      :label="item.indexAssortName"
+                      :value="item.id"
+                    >
+                    </el-option>
+                  </el-option-group>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-form-item label="妯$増绠�浠�" prop="note">
+            <div style="width: 50%">
+              <el-input
+                type="textarea"
+                placeholder="璇疯緭鍏ョ畝浠�"
+                v-model="ruleForm.note"
+              ></el-input>
+            </div>
+          </el-form-item>
+          <el-row :gutter="20">
+            <el-col :span="10">
+              <el-form-item label="鐗堟湰鍙�" prop="version">
+                <el-input
+                  v-model="ruleForm.version"
+                  placeholder="榛樿1.0.1"
+                ></el-input> </el-form-item
+            ></el-col>
+            <el-col :span="12">
+              <el-form-item label="鍙敤鐘舵��" prop="region">
+                <el-select
+                  v-model="ruleForm.usestate"
+                  size="medium"
+                  placeholder="璇烽�夋嫨"
+                >
+                  <el-option
+                    class="ruleFormaa"
+                    v-for="item in usable"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+          </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="10">
+              <el-form-item label="璇█" prop="name">
+                <el-select
+                  v-model="ruleForm.language"
+                  size="medium"
+                  filterable
+                  placeholder="璇烽�夋嫨璇█"
+                >
+                  <el-option
+                    class="ruleFormaa"
+                    v-for="item in languagelist"
+                    :key="item.label"
+                    :label="item.label"
+                    :value="item.label"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="12">
+              <el-form-item label="鎾姤浼樺厛" prop="playType">
+                <el-select
+                  v-model="ruleForm.playType"
+                  size="medium"
+                  filterable
+                  placeholder="璇烽�夋嫨璇█"
+                >
+                  <el-option
+                    class="ruleFormaa"
+                    v-for="item in precedencetype"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-form-item label="闅忚鏂瑰紡" prop="region">
+            <el-select
+              style="width: 500px"
+              v-model="ruleForm.suitway"
+              size="medium"
+              multiple
+              filterable
+              placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級"
+            >
+              <el-option
+                class="ruleFormaa"
+                v-for="item in mode"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鏍囩" prop="desc">
+            <div class="xinz-inf">
+              <el-tag
+                :key="tag.tagname"
+                type="success"
+                v-for="tag in dynamicTags"
+                closable
+                :disable-transitions="false"
+                @close="handleClosetag(tag)"
+              >
+                {{ tag.tagname }}
+              </el-tag>
+              <el-select
+                v-model="inputValue"
+                v-if="inputVisible"
+                @change="handleInputConfirm"
+                filterable
+                remote
+                reserve-keyword
+                default-first-option
+                :remote-method="remoteMethodtag"
+                :loading="loading"
+                placeholder="璇烽�夋嫨"
+              >
                 <el-option
-                  v-for="item in languagelist"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
+                  v-for="item in optionstag"
+                  :key="item.tagid"
+                  :label="item.tagname"
+                  :value="item.tagname"
                 >
                 </el-option>
               </el-select>
-            </el-form-item>
-            <el-form-item label="闂涓绘棬">
-              <el-input
-                v-model="formInline.user"
-                placeholder="闂涓绘棬"
-              ></el-input>
-            </el-form-item>
-            <el-form-item label="鍏宠仈鎸囨爣">
-              <el-input
-                v-model="formInline.user"
-                placeholder="鍏宠仈鎸囨爣"
-              ></el-input>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" icon="el-icon-search" @click="onSubmit"
-                >鎼滅储</el-button
+              <el-button
+                v-else
+                class="button-new-tag"
+                size="small"
+                @click="showInput"
+                >+ 鏂板鏍囩</el-button
               >
-            </el-form-item>
-          </el-form>
+            </div>
+          </el-form-item>
+
+          <el-form-item label="閫傜敤鐤剧梾" prop="region">
+            <div class="xinz-inf">
+              <el-tag
+                :key="item.icd10name"
+                type="warning"
+                v-for="item in illnesslist"
+                closable
+                :disable-transitions="false"
+                @close="handleCloseillness(item)"
+              >
+                {{ item.icd10name }}
+              </el-tag>
+              <el-select
+                v-model="inputValueillness"
+                v-if="inputVisibleillness"
+                @change="illnessConfirm"
+                :remote-method="remoteMethod"
+                filterable
+                remote
+                allow-create
+                default-first-option
+                placeholder="璇烽�夋嫨/鏌ヨ"
+                :loading="loading"
+              >
+                <el-option
+                  v-for="item in optionsillness"
+                  :key="item.icdid"
+                  :label="item.icdname"
+                  :value="item.icdid"
+                >
+                </el-option>
+              </el-select>
+              <el-button
+                v-else
+                class="button-new-tag"
+                size="small"
+                @click="inputVisibleillness = true"
+                >+ 鏂板鐤剧梾</el-button
+              >
+            </div>
+          </el-form-item>
+          <el-form-item label="閫傜敤闄㈠尯" prop="region">
+            <el-select
+              v-model="ruleForm.campus"
+              size="medium"
+              multiple
+              filterable
+              placeholder="璇烽�夋嫨鍒嗙被"
+            >
+              <el-option
+                class="ruleFormaa"
+                v-for="item in courtyardlist"
+                :key="item.label"
+                :label="item.label"
+                :value="item.label"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="閫傜敤绉戝" prop="region">
+            <el-cascader
+              v-model="tempDetpRelevanceslist"
+              :options="deptList"
+              :props="props"
+              :show-all-levels="false"
+              clearable
+            >
+              <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="region">
+            <el-select
+              style="width: 500px"
+              v-model="ruleForm.submoduleID"
+              size="medium"
+              multiple
+              filterable
+              placeholder="璇烽�夋嫨搴擄紙澶氶�夛級"
+            >
+              <el-option
+                class="ruleFormaa"
+                v-for="item in generallist"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <el-form-item label="闅忚鍓嶅鐞�" prop="name">
+                <el-select
+                  v-model="ruleForm.prefollowup"
+                  size="medium"
+                  filterable
+                  placeholder="璇烽�夋嫨"
+                >
+                  <el-option
+                    class="ruleFormaa"
+                    v-for="item in prefollowuplist"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+            <el-col :span="9">
+              <el-form-item label="闅忚鍚庡鐞�" prop="region">
+                <el-select
+                  v-model="ruleForm.postfollowup"
+                  size="medium"
+                  filterable
+                  placeholder="璇烽�夋嫨鍒嗙被"
+                >
+                  <el-option
+                    class="ruleFormaa"
+                    v-for="item in postfollowuplist"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="10">
+              <el-form-item label="闈欓粯鏃堕棿(绉�)" prop="name">
+                <div style="width: 40%">
+                  <el-input
+                    v-model="ruleForm.name"
+                  ></el-input></div></el-form-item
+            ></el-col>
+            <el-col :span="10">
+              <el-form-item label="鏃犲尮閰嶉噸澶�(娆�)" prop="region">
+                <div style="width: 40%">
+                  <el-input v-model="ruleForm.name"></el-input>
+                </div> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-form-item>
+            <el-button type="success" @click="nextstep('ruleForm')"
+              >涓嬩竴姝�</el-button
+            >
+            <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+            <el-button @click="Departmenttreatment('ruleForm')"
+              >淇濆瓨闅忚妯$増鍩虹淇℃伅</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <!-- 闅忚妯$増璁剧疆 -->
+      <div v-if="Editprogress == 2">
+        <div class="leftvlue-jbxx">闅忚妯$増棰樼洰璁剧疆</div>
+        <el-divider></el-divider>
+        <div class="addtopic">
+          <el-button
+            type="primary"
+            icon="el-icon-plus"
+            round
+            @click="getaddtopiclist"
+            >娣诲姞棰樼洰</el-button
+          >
         </div>
-        <div
-          style="
-            height: 300px;
-            border: 0.5px solid #aeafb1;
-            overflow-x: hidden;
-            overflow-y: scroll;
-          "
+        <div class="presentation">
+          <div class="presentation-left">
+            <el-card class="box-card" style="min-height: 688px">
+              <el-table
+                v-loading="loading"
+                :data="ruleForm.ivrLibaTemplateScriptVOList"
+              >
+                <el-table-column
+                  label="缂栧彿"
+                  align="center"
+                  key="guid"
+                  prop="guid"
+                />
+                <el-table-column
+                  label="鏍囬"
+                  align="center"
+                  key="questiontitle"
+                  prop="questiontitle"
+                  :show-overflow-tooltip="true"
+                />
+                <el-table-column
+                  label="闂璇濇湳"
+                  align="center"
+                  key="questionText"
+                  prop="questionText"
+                  :show-overflow-tooltip="true"
+                />
+
+                <el-table-column
+                  label="鎿嶄綔"
+                  align="center"
+                  width="250"
+                  class-name="small-padding fixed-width"
+                >
+                  <template slot-scope="scope">
+                    <el-button
+                      icon="el-icon-edit"
+                      type="primary"
+                      circle
+                      @click="handleUpdate(scope.row)"
+                    ></el-button>
+                    <el-button
+                      type="danger"
+                      icon="el-icon-delete"
+                      circle
+                      @click="handleDelete(scope.row)"
+                    ></el-button>
+                    <el-button
+                      @click="syioption(scope.row)"
+                      type="success"
+                      icon="el-icon-top"
+                      circle
+                    ></el-button>
+                    <el-button
+                      @click="xiayioption(scope.row)"
+                      type="success"
+                      icon="el-icon-bottom"
+                      circle
+                    ></el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-card>
+          </div>
+          <div class="presentation-right">
+            <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.questiontitle"
+                    placeholder="璇蜂粠宸︿晶鍒楄〃閫夋嫨"
+                    :disabled="true"
+                  ></el-input>
+                </el-form-item>
+                <el-row :gutter="10">
+                  <el-col :span="12"
+                    ><el-form-item label="鏄惁蹇呭~">
+                      <el-select
+                        v-model="topicobj.ismandatory"
+                        placeholder="璇烽�夋嫨"
+                      >
+                        <el-option
+                          v-for="item in required"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        >
+                        </el-option>
+                      </el-select> </el-form-item
+                  ></el-col>
+                  <el-col :span="12"
+                    ><el-form-item label="鏄惁鍙敤">
+                      <el-select
+                        v-model="topicobj.isavailable"
+                        placeholder="璇烽�夋嫨"
+                      >
+                        <el-option
+                          v-for="item in usable"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        >
+                        </el-option>
+                      </el-select> </el-form-item
+                  ></el-col>
+                </el-row>
+                <div class="headline">
+                  <div class="basics">閫夐」璁剧疆</div>
+                  <div class="headbottom">
+                    <el-button
+                      type="primary"
+                      icon="el-icon-circle-plus-outline"
+                      @click="addzbiao"
+                      >娣诲姞鎸囨爣</el-button
+                    >
+                  </div>
+                </div>
+                <div
+                  class="topicxq"
+                  v-for="item in topicobj.ivrLibaScriptTargetoptionList"
+                >
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="閫夐」鍚�">
+                        <el-input
+                          type="text"
+                          placeholder="璇疯緭鍏�"
+                          v-model="item.targetvalue"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                    <el-col :span="12"
+                      ><el-form-item label="鑺傜偣ID">
+                        <el-input
+                          type="text"
+                          placeholder="璇疯緭鍏ヨ妭鐐�"
+                          v-model="item.targetid"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="澶勭悊">
+                        <el-input
+                          type="text"
+                          placeholder="(榛樿)鏃犲0"
+                          v-model="item.text"
+                          maxlength="10"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                    <el-col :span="12"
+                      ><el-form-item label="閫変腑璺宠浆(缂�)">
+                        <el-input
+                          type="text"
+                          placeholder="璇疯緭鍏ラ鐩妭鐐�"
+                          v-model="item.jump"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+                  <el-form-item label="鍖归厤姝e垯">
+                    <el-input
+                      style="width: 24vw"
+                      type="textarea"
+                      placeholder="璇疯緭鍏ラ鍙�"
+                      v-model="item.targetregex"
+                      show-word-limit
+                    >
+                    </el-input>
+                  </el-form-item>
+
+                  <el-row :gutter="10">
+                    <el-col :span="16">
+                      <el-form-item label="璇煶鏂囦欢">
+                        <el-upload
+                          class="upload-demo"
+                          style="display: flex"
+                          action="https://jsonplaceholder.typicode.com/posts/"
+                          :on-change="handleChange"
+                          :file-list="fileList"
+                          :limit="1"
+                          :on-exceed="handleExceed"
+                        >
+                          <el-button size="small" type="primary"
+                            >鐐瑰嚮涓婁紶</el-button
+                          >
+                        </el-upload>
+                      </el-form-item></el-col
+                    >
+                    <el-col :span="8">
+                      <div style="text-align: right; padding-right: 10px">
+                        <el-button type="danger" round>鍒犻櫎</el-button>
+                      </div>
+                    </el-col>
+                  </el-row>
+                </div>
+                <!-- 鏃犲尮閰嶇被鍨� -->
+                <div class="topicxq">
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="鏃犲尮閰嶈瘽鏈�">
+                        <el-input
+                          type="text"
+                          placeholder="璇疯緭鍏�"
+                          v-model="topicobj.nomatchtext"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="澶勭悊">
+                        <el-input
+                          type="text"
+                          placeholder="(榛樿)鏃犲0"
+                          v-model="topicobj.text"
+                          maxlength="10"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+
+                  <el-row :gutter="10">
+                    <el-col :span="16">
+                      <el-form-item label="璇煶鏂囦欢">
+                        <el-upload
+                          class="upload-demo"
+                          style="display: flex"
+                          action="https://jsonplaceholder.typicode.com/posts/"
+                          :on-change="handleChange"
+                          :file-list="fileList"
+                          :limit="1"
+                          :on-exceed="handleExceed"
+                        >
+                          <el-button size="small" type="primary"
+                            >鐐瑰嚮涓婁紶</el-button
+                          >
+                        </el-upload>
+                      </el-form-item></el-col
+                    >
+                  </el-row>
+                </div>
+                <div class="topicxq">
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="鍚笉娓呰瘽鏈�">
+                        <el-input
+                          type="text"
+                          placeholder="璇疯緭鍏�"
+                          v-model="topicobj.noclearlytext"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="澶勭悊">
+                        <el-input
+                          type="text"
+                          placeholder="(榛樿)鏃犲0"
+                          v-model="topicobj.text"
+                          maxlength="10"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+
+                  <el-row :gutter="10">
+                    <el-col :span="16">
+                      <el-form-item label="璇煶鏂囦欢">
+                        <el-upload
+                          class="upload-demo"
+                          style="display: flex"
+                          action="https://jsonplaceholder.typicode.com/posts/"
+                          :on-change="handleChange"
+                          :file-list="fileList"
+                          :limit="1"
+                          :on-exceed="handleExceed"
+                        >
+                          <el-button size="small" type="primary"
+                            >鐐瑰嚮涓婁紶</el-button
+                          >
+                        </el-upload>
+                      </el-form-item></el-col
+                    >
+                  </el-row>
+                </div>
+                <div class="topicxq">
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="闈欓粯璇濇湳">
+                        <el-input
+                          type="text"
+                          placeholder="璇疯緭鍏�"
+                          v-model="topicobj.sliencetext"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+                  <el-row :gutter="10">
+                    <el-col :span="12"
+                      ><el-form-item label="澶勭悊">
+                        <el-input
+                          type="text"
+                          placeholder="(榛樿)鏃犲0"
+                          v-model="topicobj.text"
+                          maxlength="10"
+                          show-word-limit
+                        >
+                        </el-input> </el-form-item
+                    ></el-col>
+                  </el-row>
+
+                  <el-row :gutter="10">
+                    <el-col :span="16">
+                      <el-form-item label="璇煶鏂囦欢">
+                        <el-upload
+                          class="upload-demo"
+                          style="display: flex"
+                          action="https://jsonplaceholder.typicode.com/posts/"
+                          :on-change="handleChange"
+                          :file-list="fileList"
+                          :limit="1"
+                          :on-exceed="handleExceed"
+                        >
+                          <el-button size="small" type="primary"
+                            >鐐瑰嚮涓婁紶</el-button
+                          >
+                        </el-upload>
+                      </el-form-item></el-col
+                    >
+                  </el-row>
+                </div>
+              </el-form>
+            </el-card>
+          </div>
+        </div>
+
+        <el-button type="success" @click="nextstep('ruleForm')"
+          >涓嬩竴姝�</el-button
         >
-          <div class="menu-list" v-for="item in 13">
-            <div>鐢ㄨ嵂鏄惁瑙勮寖</div>
-            <div class="menu-icon" @click="menudeletei(index)">
-              <i class="el-icon-plus" />
+        <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
+        <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+        <el-button @click="Departmenttreatment('ruleForm')"
+          >淇濆瓨棰樼洰鏁版嵁</el-button
+        >
+      </div>
+      <!-- 闅忚妯$増棰勮 -->
+      <div v-if="Editprogress == 3">
+        <div class="leftvlue-jbxx">闅忚妯$増棰勮</div>
+        <el-divider></el-divider>
+        <div class="preview-left">
+          <!-- 鍗曢�� -->
+          <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
+            <div class="dev-text">
+              {{ item.idd }}銆乕鍗曢�塢<span>{{ item.wssd }}</span>
+            </div>
+            <div class="dev-xx">
+              <el-radio-group v-model="radio">
+                <el-radio
+                  v-for="(items, index) in item.sdadd"
+                  :key="index"
+                  :label="index"
+                  >{{ items }}</el-radio
+                >
+              </el-radio-group>
+            </div>
+          </div>
+          <!-- 澶氶�� -->
+          <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
+            <div class="dev-text">
+              {{ item.idd }}銆乕澶氶�塢<span>{{ item.wssd }}</span>
+            </div>
+            <div class="dev-xx">
+              <el-checkbox-group v-model="radios">
+                <el-checkbox
+                  v-for="(items, index) in item.sdadd"
+                  :key="index"
+                  :label="index"
+                >
+                  {{ items }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </div>
+          </div>
+          <!-- 濉┖ -->
+          <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
+            <div class="dev-text">
+              {{ item.idd }}銆乕濉┖]<span>{{ item.wssd }}</span>
+            </div>
+            <div class="dev-xx">
+              <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable>
+              </el-input>
             </div>
           </div>
         </div>
+        <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+        <el-button>瀵煎嚭涓簆df</el-button>
+        <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
       </div>
     </div>
-    <!-- 涓嬮儴 -->
-    <div class="stencils-bottom">
-      <div class="issue">
-        <div class="basics">宸查�夋嫨闂</div>
-        <div style="margin: 10px; font-size: 20px">浣撴閫氱煡</div>
-        <div
-          style="
-            height: 350px;
-            margin: 10px;
-            border: 0.5px solid #aeafb1;
-            overflow-x: hidden;
-            overflow-y: scroll;
-          "
+    <!-- 娣诲姞棰樼洰寮圭獥 -->
+    <el-drawer
+      title="娣诲姞棰樼洰"
+      :visible.sync="drawer"
+      custom-class="demo-drawer"
+      width="50%"
+    >
+      <div class="preview-left">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+          label-width="98px"
         >
-          <div class="menu-list" v-for="item in 13">
-            <div>鐢ㄨ嵂鏄惁瑙勮寖</div>
-            <div class="menu-icons" @click="menudeletei(index)">
-              <i class="el-icon-delete" />
-            </div>
-          </div>
-        </div>
-        <div class="issue-button">
-          <el-button type="primary" icon="el-icon-circle-plus-outline"
-            >鍏崇郴鍥�</el-button
-          >
-          <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button>
-        </div>
-      </div>
-      <div class="particulars">
-        <div class="headline">
-          <div class="basics">闂閰嶇疆</div>
-          <div class="headbottom">
+          <el-form-item label="鏍囬" prop="userName">
+            <el-input
+              v-model="queryParams.questiontitle"
+              placeholder="璇疯緭鍏�"
+              clearable
+              style="width: 200px"
+              @keyup.enter.native="getaddtopiclist"
+            />
+          </el-form-item>
+
+          <el-form-item>
             <el-button
               type="primary"
-              icon="el-icon-circle-plus-outline"
-              @click="addzbiao"
-              >娣诲姞鎸囨爣</el-button
+              icon="el-icon-search"
+              size="medium"
+              @click="getaddtopiclist"
+              >鎼滅储</el-button
             >
-            <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button>
-          </div>
-        </div>
-        <div
-          class="valuetop"
-          v-for="(item, index) in deployList"
-          :key="item.id"
-        >
-          <div class="val-text">
-            <div>
-              鏈夋棤澶嶆煡 <span>{{ item.name }}</span>
-            </div>
-            <div class="text-icon" @click="deletei(index)">
-              <i class="el-icon-delete" />
-            </div>
-          </div>
-          <div class="val-bon">
-            <el-form ref="form" :model="item" label-width="90px">
-              <el-form-item label="鑺傜偣ID">
-                <el-input v-model="item.id"></el-input>
-              </el-form-item>
-              <el-form-item label="鑺傜偣鎻忚堪">
-                <el-input v-model="item.name"></el-input>
-              </el-form-item>
-              <el-form-item label="鏂囨湰鎻愮ず">
-                <el-input type="textarea" v-model="item.valuetop"></el-input>
-              </el-form-item>
-              <el-form-item label="璇煶鍦板潃">
-                <el-input v-model="item.name"></el-input>
-              </el-form-item>
-              <el-form-item label="璺宠浆闂鍙�">
-                <el-input v-model="item.name"></el-input>
-              </el-form-item>
-              <el-form-item label="鎾姤绫诲瀷">
-                <el-radio-group v-model="item.resource">
-                  <el-radio label="娣峰悎浼樺厛"></el-radio>
-                  <el-radio label="鏂囧瓧浼樺厛"></el-radio>
-                </el-radio-group>
-              </el-form-item>
-              <el-form-item label="鎸囨爣绫诲瀷">
-                <el-radio-group v-model="item.resource">
-                  <el-radio label="閫夐」"></el-radio>
-                  <el-radio label="鏂囨湰"></el-radio>
-                  <el-radio label="鏁扮粍"></el-radio>
-                </el-radio-group>
-              </el-form-item>
-              <el-form-item label="鎸囨爣鍚嶇О">
-                <el-input v-model="item.name"></el-input>
-              </el-form-item>
-              <el-form-item label="鎸囨爣鍊�">
-                <el-input v-model="item.name"></el-input>
-              </el-form-item>
-              <el-form-item label="閫傜敤瑙勫垯">
-                <el-radio-group v-model="item.resources">
-                  <el-radio label="鍩虹"></el-radio>
-                  <el-radio label="鑷畾涔�"></el-radio>
-                </el-radio-group>
-              </el-form-item>
-              <el-form-item
-                label="鑷畾涔夎鍒�"
-                v-if="item.resources == '鑷畾涔�'"
+            <el-button icon="el-icon-refresh" size="medium" @click="resetQuery"
+              >閲嶇疆</el-button
+            >
+          </el-form-item>
+        </el-form>
+        <el-table v-loading="loading" :data="userList">
+          <el-table-column
+            label="鏍囬"
+            align="center"
+            key="questiontitle"
+            prop="questiontitle"
+            width="100"
+          />
+          <el-table-column
+            label="闂璇濇湳"
+            align="center"
+            key="questionText"
+            prop="questionText"
+            width="200"
+            :show-overflow-tooltip="true"
+          />
+
+          <el-table-column
+            label="鎿嶄綔"
+            align="center"
+            class-name="small-padding fixed-width"
+          >
+            <template slot-scope="scope">
+              <el-button size="medium" type="text" @click="addtopic(scope.row)"
+                ><span class="button-textxg"
+                  ><i class="el-icon-circle-plus-outline"></i>娣诲姞</span
+                ></el-button
               >
-                <el-input type="textarea" v-model="item.valuetop"></el-input>
-              </el-form-item>
-            </el-form>
-          </div>
-        </div>
+            </template>
+          </el-table-column>
+        </el-table>
       </div>
-    </div>
+    </el-drawer>
   </div>
 </template>
 
 <script>
+import { listtag } from "@/api/system/label";
+import store from "@/store";
+import { listDept } from "@/api/system/dept";
+import {
+  getFollowupclassify,
+  delFollowupclassify,
+  addFollowupclassify,
+  addtargetillness,
+  getvFollowup,
+  compileFollowup,
+  getverbaltricklist,
+  getverbaltrick,
+  delFollowupinfo,
+  Followupinfo,
+  getFollowuplist,
+  getillnesslist,
+  illnesslistget,
+  getillness,
+} from "@/api/AiCentre/index";
+
 export default {
   data() {
     return {
-      deployList: [
+      Editprogress: 1, //缂栬緫杩涘害
+      loading: false, // 閬僵灞�
+      drawer: false, //鎺у埗灞曞紑
+      radios: [], //澶氶�夐閫変腑
+      radioas: "", //濉┖棰樼瓟妗�
+      labelInfovalue: [], //鏍囩涓存椂瀛樺偍
+      deptNamesvalue: [], //绉戝涓存椂瀛樺偍
+      dynamicTags: [],
+      indexAssortlist: [],
+      inputValue: "",
+      inputValueillness: "",
+      topicobj: {},
+      total: 1,
+      id: "",
+      ruleForm: {},
+      rules: {},
+      optionstag: [],
+      prefollowuplist: [],
+      postfollowuplist: [],
+      generallist: [
+        { value: "1", label: "闅忚閫氱敤搴撲竴" },
+        { value: "2", label: "闅忚浜屽簱" },
+      ],
+
+      fileList: [
         {
-          id: 1,
-          name: "鏈�",
-          valuetop:
-            "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌¢敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5",
-        },
-        {
-          id: 2,
-          name: "涓嶇煡閬�",
-          valuetop:
-            "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)",
+          name: "food.jpeg",
+          url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
         },
       ],
-      languagelist: [
+      administrativelist: [
+        { value: "1", label: "蹇冨绉�" },
+        { value: "2", label: "蹇冨唴绉�" },
+      ],
+      standbylist: [],
+      themelist: [],
+      languagelist: [],
+      courtyardlist: [],
+      precedencetype: [],
+      usable: [],
+      required: [],
+      mode: [],
+      inputVisible: false,
+      inputVisibleillness: false,
+      illnessVisible: false, //鎸囨爣鐤剧梾寮规
+      deptOptions: [],
+      optionsillness: [],
+      illnesslistapi: [],
+      illnesslist: [],
+      defaultProps: {
+        children: "ivrLibaTemplateAssortList",
+        label: "indexAssortName",
+      },
+      tempDetpRelevanceslist: [],
+      variablelist: [
+        { variatename: "濮撳悕", variate: "${name}", default: 1 },
+        { variatename: "鐢佃瘽", variate: "${phone}", default: 1 },
+        { variatename: "鐥呮儏", variate: "${illness}", default: 1 },
+      ],
+      deptList: [],
+      props: { multiple: true, value: "deptId", label: "deptName" },
+
+      variablelist: [
         {
-          value: 1,
-          label: "鏅�氳瘽",
+          variable: "paitent",
+          value: "琛ㄧず鎮h�呯殑鏍囪瘑",
+        },
+      ],
+
+      valssu: [
+        {
+          idd: 1,
+          wssd: "浣犳渶杩戞�庝箞鏍�",
+          sdadd: ["sss", "ssccss", "ssaas", "ss"],
+        },
+      ],
+      addvalue: "娣诲姞棰樼洰",
+      // 棰樼洰琛ㄦ牸鏁版嵁
+      userList: [
+        {
+          userid: "1",
+          userName: "涓�鍙烽殢璁挎ā鐗�",
+          verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
         },
         {
-          value: 2,
-          label: "绮よ",
+          userid: "2",
+          userName: "浜屽彿闅忚妯$増",
+          verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
         },
         {
-          value: 3,
-          label: "鑻辫",
+          userid: "3",
+          userName: "涓夊彿闅忚妯$増",
+          verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
         },
-      ], //璇█鍒楄〃
-      formInline: {
-        user: "",
-        region: "",
+        {
+          userid: "4",
+          userName: "鍥涘彿闅忚妯$増",
+          verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
+        },
+      ],
+      // 鏌ヨ鍙傛暟
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        userName: undefined,
+        phonenumber: undefined,
+        status: undefined,
+        deptId: undefined,
+        IDnumber: undefined,
       },
     };
   },
 
-  created() {},
+  created() {
+    this.gettabList();
+    this.getvFollowup();
+    this.auxiliary();
+    this.mode = store.getters.mode;
+    this.usable = store.getters.usable;
+    this.required = store.getters.required;
+    this.languagelist = store.getters.languagelist;
+    this.courtyardlist = store.getters.courtyardlist;
+    this.precedencetype = store.getters.precedencetype;
+  },
 
   methods: {
-    deletei(index) {
-      console.log(index);
-      this.deployList.splice(index, 1);
+    getIndexInArray(arr, obj) {
+      return arr.indexOf(obj);
     },
-    addzbiao() {
-      const ids = this.deployList.length + 1;
-      console.log(ids);
-      this.deployList.push({
-        id: ids,
-        name: "",
-        valuetop: "",
+    processElement(element) {
+      return { ...element, isoperation: 0 };
+    },
+    // 鑾峰彇琛ㄥ崟鏁版嵁
+    getvFollowup() {
+      this.id = this.$route.query.id;
+
+      getvFollowup({ id: this.id }).then((res) => {
+        this.ruleForm = res.data;
+        this.tempDetpRelevanceslist = JSON.parse(this.ruleForm.deptNames);
+        this.ruleForm.suitway = this.ruleForm.suitway.split(",");
+        this.ruleForm.campus = this.ruleForm.campus.split(",");
+        this.ruleForm.submoduleID = this.ruleForm.submoduleID.split(",");
+        this.dynamicTags = this.ruleForm.ivrLibaTemplateTagList;
+        this.dynamicTags = this.ruleForm.ivrLibaTemplateTagList.map(
+          this.processElement
+        );
+        console.log(this.ruleForm.suitway);
+      });
+      getillnesslist({
+        pageNum: 1,
+        pageSize: 100,
+      }).then((response) => {
+        this.optionsillness = response.rows;
+      });
+      getillness({ outid: this.id, type: 3 }).then((res) => {
+        this.illnesslist = res.rows;
+      });
+      listDept(this.queryParams).then((response) => {
+        this.deptList = this.handleTree(response.data, "deptId");
       });
     },
-    onSubmit() {
-      console.log("submit!");
+    // 闄勫睘鏁版嵁琛�
+    auxiliary() {
+      // 鍒嗙被
+      getFollowupclassify({}).then((res) => {
+        this.indexAssortlist = res.rows;
+      });
+      // 鐤剧梾鍒�
+    },
+    submitForm(formName) {
+      if (this.ruleForm.id) {
+        this.ruleForm.isoperation = 2;
+      } else {
+        this.ruleForm.isoperation = 1;
+      }
+      this.ruleForm.labelInfo = JSON.stringify(this.dynamicTags);
+      this.ruleForm.suitway = this.ruleForm.suitway.join(",");
+      this.ruleForm.campus = this.ruleForm.campus.join(",");
+      this.ruleForm.submoduleID = this.ruleForm.submoduleID.join(",");
+
+      //   鎻愪氦
+
+      this.illnesslist.forEach((item, index) => {
+        if (!item.id) {
+          addtargetillness(item).then((res) => {});
+        }
+      });
+      if (this.illnesslistapi.length) {
+        deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
+      }
+      compileFollowup(this.ruleForm).then((res) => {
+        this.$modal.msgSuccess("缂栬緫鎴愬姛");
+        this.$router.go(-1);
+      });
+    },
+    // 绉戝澶勭悊
+    Departmenttreatment() {
+      this.ruleForm.deptNames = JSON.stringify(this.tempDetpRelevanceslist);
+      console.log(this.tempDetpRelevanceslist);
+      const result = this.tempDetpRelevanceslist.map(
+        (subArr) => subArr[subArr.length - 1]
+      );
+      // id鏁扮粍鏌ユ暟缁勫璞�
+      result.forEach((item) => {
+        const condition = this.ruleForm.tempDetpRelevances.some(
+          (obj) => obj.deptId === item
+        );
+        if (!condition) {
+          listDept({ deptId: item }).then((res) => {
+            res.data[0].type = 2;
+            this.ruleForm.tempDetpRelevances.push(res.data[0]);
+          });
+        }
+      });
+      console.log(this.ruleForm.tempDetpRelevances);
+      // 鏁扮粍瀵硅薄鏌d鏁扮粍
+      this.ruleForm.tempDetpRelevances.forEach((item) => {
+        const condition = result.some((obj) => obj === item.deptId);
+        if (!condition) {
+          const index = this.ruleForm.tempDetpRelevances.indexOf(item);
+          this.ruleForm.tempDetpRelevances[index].delFlag = 1;
+        }
+      });
+      console.log(this.ruleForm.tempDetpRelevances);
+      setTimeout(() => {
+        this.submitForm();
+      }, 1000);
+      // this.submitForm();
+    },
+    // 涓嬩竴姝�
+    nextstep() {
+      if (this.Editprogress <= 2) {
+        return this.Editprogress++;
+      }
+    },
+    // 涓婁竴姝�
+    laststep() {
+      this.Editprogress = this.Editprogress - 1;
+    },
+    // 鍏抽棴
+    closeFm() {
+      this.$confirm("閫�鍑轰笉浼氫繚鐣欓〉闈㈠唴瀹规洿鏀�, 鏄惁缁х画?", "鎻愮ず", {
+        confirmButtonText: "纭畾",
+        cancelButtonText: "鍙栨秷",
+        type: "warning",
+      })
+        .then(() => {
+          this.$router.go(-1);
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "宸插彇娑�",
+          });
+        });
+    },
+
+    /** 鏌ヨ棰樼洰鍒楄〃 */
+    getList() {
+      //   this.loading = true;
+      listUser().then((response) => {
+        console.log(response);
+        // this.userList = response.data;
+        // this.total = response.total;
+        // this.loading = false;
+        console.log(this.userList);
+      });
+      //   const { rows } = await listUser();
+      //   console.log(rows);
+      //   this.list = rows;
+    },
+    // 淇敼棰樼洰淇℃伅
+    Submittopicobj() {},
+
+    // 鎺у埗鏂囦欢
+    handleChange(file, fileList) {
+      this.fileList = fileList.slice(-3);
+    },
+    // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `褰撳墠闄愬埗閫夋嫨 1 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${
+          files.length + fileList.length
+        } 涓枃浠禶
+      );
+    },
+    // 鏍囩-----------------
+    gettabList() {
+      const tagqueryParams = {
+        pageNum: 1,
+        pageSize: 1000,
+        tagcategoryid: "0",
+      };
+      listtag(tagqueryParams).then((response) => {
+        console.log(response);
+        this.optionstag = response.rows;
+      });
+    },
+    handleClosetag(tag) {
+      console.log(tag);
+      console.log(this.dynamicTags.indexOf(tag));
+      const lindex = this.dynamicTags.indexOf(tag);
+      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      this.ruleForm.ivrLibaTemplateTagList[lindex].isoperation = 3;
+    },
+    handleInputConfirm() {
+      let tagvalue = {};
+      let tagname = this.inputValue;
+      if (tagname) {
+        listtag({
+          pageNum: 1,
+          pageSize: 1000,
+          tagcategoryid: "0",
+          tagname: tagname,
+        }).then((res) => {
+          if (res.rows[0]) {
+            tagvalue = res.rows[0];
+            tagvalue.isoperation = 1;
+          } else {
+            tagvalue = {
+              tagname: tagname,
+              isoperation: 1,
+            };
+          }
+          this.ruleForm.ivrLibaTemplateTagList.push(tagvalue);
+          this.dynamicTags.push(tagvalue);
+        });
+      }
+      this.inputVisible = false;
+      this.inputValue = "";
+    },
+    remoteMethodtag(query) {
+      if (query !== "") {
+        this.loading = true;
+        setTimeout(() => {
+          this.loading = false;
+          listtag({ tagname: query, tagcategoryid: "0" }).then((res) => {
+            this.optionstag = res.rows;
+          });
+        }, 200);
+      } else {
+        this.optionstag = [];
+      }
+    },
+    showInput() {
+      this.inputVisible = true;
+    },
+    //璇濇湳棰樼洰----------------
+    addzbiao() {},
+    resetQuery() {
+      this.queryParams = { pageNum: 1, pageSize: 10 };
+      this.getaddtopiclist();
+    },
+    getaddtopiclist() {
+      this.drawer = true;
+      getverbaltricklist(this.queryParams).then((res) => {
+        this.loading = false;
+        this.userList = res.rows;
+        this.total = res.total;
+        console.log(this.userList);
+      });
+    },
+    addtopic(row) {
+      row.isoperation = 1;
+      this.ruleForm.ivrLibaTemplateScriptVOList.push(row);
+    },
+    handleDelete(row) {
+      this.ruleForm.ivrLibaTemplateScriptVOList.splice(
+        this.ruleForm.ivrLibaTemplateScriptVOList.indexOf(row),
+        1
+      );
+    },
+    handleUpdate(row) {
+      console.log(row.id);
+      getverbaltrick({ id: row.id }).then((res) => {
+        this.topicobj = res.data;
+        console.log(res.data);
+      });
+    },
+    handleDelete(item) {
+      const index = this.ruleForm.ivrLibaTemplateScriptVOList.indexOf(item);
+      if (index !== -1) {
+        this.ruleForm.ivrLibaTemplateScriptVOList.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱�
+        this.sortFn();
+      } else {
+        console.log("鏈壘鍒拌瀵硅薄");
+      }
+    },
+    syioption(row) {
+      const index = this.getIndexInArray(
+        this.ruleForm.ivrLibaTemplateScriptVOList,
+        row
+      );
+      const item = this.ruleForm.ivrLibaTemplateScriptVOList.splice(
+        index,
+        1
+      )[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+      this.ruleForm.ivrLibaTemplateScriptVOList.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+      this.sortFn();
+    },
+    xiayioption(row) {
+      const index = this.getIndexInArray(
+        this.ruleForm.ivrLibaTemplateScriptVOList,
+        row
+      );
+      const item = this.ruleForm.ivrLibaTemplateScriptVOList.splice(
+        index,
+        1
+      )[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+      this.ruleForm.ivrLibaTemplateScriptVOList.splice(index + 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+      this.sortFn();
+    },
+    sortFn() {
+      this.ruleForm.ivrLibaTemplateScriptVOList =
+        this.ruleForm.ivrLibaTemplateScriptVOList.map((item, index) => {
+          return {
+            guid: index + 1,
+            id: item.id,
+            questiontitle: item.questiontitle,
+            questionText: item.questionText,
+          };
+        });
+      console.log(this.ruleForm.ivrLibaTemplateScriptVOList);
+    },
+    // ---------------------
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    },
+
+    // 鐤剧梾-----------------------
+
+    handleCloseillness(tag) {
+      this.illnesslist.splice(this.illnesslist.indexOf(tag), 1);
+      if (tag.id) {
+        this.illnesslistapi.push(tag.id);
+      }
+    },
+    remoteMethod(value) {
+      console.log(value);
+      const illnessqueryParams = {
+        pageNum: 1,
+        pageSize: 100,
+        icdname: value,
+      };
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+        getillnesslist(illnessqueryParams).then((response) => {
+          this.optionsillness = response.rows;
+        });
+      }, 200);
+    },
+    illnessConfirm(item) {
+      let opeavalue = {};
+      let tagname = this.inputValueillness;
+      illnesslistget(item).then((res) => {
+        opeavalue = res.data;
+        opeavalue.outid = this.id;
+        opeavalue.type = 3;
+        opeavalue.icd10id = opeavalue.icdid;
+        opeavalue.icd10name = opeavalue.icdname;
+        opeavalue.icd10code = opeavalue.icdcode;
+        if (tagname) {
+          this.illnesslist.push(opeavalue);
+        }
+      });
+      console.log(this.illnesslist);
+      this.inputVisibleillness = false;
+      this.inputValueillness = "";
+    },
+    // 淇濆瓨
+    confirmillness() {
+      this.illnesslist.forEach((item, index) => {
+        if (!item.id) {
+          addtargetillness(item).then((res) => {});
+        }
+      });
+      if (this.illnesslistapi.length) {
+        deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
+      }
+      this.illnessVisible = false;
+      this.$modal.msgSuccess("缂栬緫鎴愬姛");
     },
   },
 };
 </script>
 
 <style lang="scss" scoped>
-.stencils-top {
-  .basic {
-    height: 50px;
-    margin: 15px;
-    border-radius: 8px;
-    margin-bottom: 0;
-    padding: 0 20px 20px 20px;
-    line-height: 50px;
-    background: #bee2ff;
-    justify-content: space-between;
+.Questionnairemanagement {
+  display: flex;
+}
+.sidecolumn {
+  width: 250px;
+  min-height: 100vh;
+  text-align: center;
+  //   display: flex;
+  //   margin-top: 20px;
+  margin: 20px;
+  margin-bottom: 0;
+  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);
+}
+.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);
+  .mulsz {
+    font-size: 20px;
   }
-  .top-menu {
-    margin: 15px;
-    margin-top: 0;
-    height: 400px;
-    border-radius: 4px;
-    padding: 10px 30px 10px 30px;
-    background: #f2f5fc;
-    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);
-    .menu-list {
-      display: flex;
-      justify-content: space-between;
-      padding: 5px;
-      border-bottom: 0.5px solid #bfc0c2;
+  .leftvlue-jbxx {
+    font-size: 24px;
+    border-left: 5px solid #41a1be;
+    padding-left: 5px;
+    margin: 15px 0;
+  }
+  .demo-cascader {
+    margin-right: 20px;
+  }
+  .PreviewTemplate {
+    color: #02a7f0;
+    cursor: pointer;
+    font-size: 20px;
+    margin: 0 20px;
+  }
+}
+.preview-left {
+  margin: 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);
+  .topic-dev {
+    margin-bottom: 25px;
+    font-size: 20px !important;
+    .dev-text {
+      margin-bottom: 10px;
     }
   }
 }
-.stencils-bottom {
-  display: flex;
-  justify-content: space-between;
-  .issue {
-    width: 37%;
-    margin-left: 15px;
-    height: 500px;
-    background: #f2f5fc;
-    .menu-list {
-      display: flex;
-      justify-content: space-between;
-      padding: 5px;
-      border-bottom: 0.5px solid #bfc0c2;
-    }
-    .basics {
-      height: 50px;
-      border-radius: 8px;
-      padding-left: 20px;
-      line-height: 50px;
-      background: #bee2ff;
-      justify-content: space-between;
-    }
-  }
-  .issue-button {
-    margin: 10px;
-    text-align: right;
-  }
-  .particulars {
-    width: 59%;
-    margin-right: 15px;
-    background: #f2f5fc;
+.xinz-inf {
+  font-size: 18px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 
+  line-height: 48px;
+
+  .el-tag + .el-tag {
+    margin-left: 10px;
+  }
+  .button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+  }
+}
+.addtopic {
+  margin-top: 30px;
+}
+.presentation {
+  margin: 20px 0;
+  display: flex;
+  .presentation-left {
+    width: 45%;
+    // height: 500px;
+    .button-textxg {
+      color: #024df0;
+    }
+    .button-textsc {
+      color: #f52727;
+    }
+  }
+  .presentation-right {
+    width: 55%;
+    max-height: 688px;
+    margin: 0 20px;
+    font-size: 18px;
+    -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 32, 0.12),
+      0 0 6px 0 rgba(58, 57, 57, 0.04);
+    overflow: auto;
     .headline {
       display: flex;
-      height: 50px;
-      padding: 0 20px 20px 20px;
-      line-height: 50px;
-      background: #bee2ff;
       justify-content: space-between;
+      font-size: 20px;
+      border-left: 3px solid #41a1be;
+      padding-left: 5px;
+      margin: 15px 0;
     }
-    .valuetop {
-      .val-text {
-        display: flex;
-        height: 50px;
-        margin: 15px;
-        margin-bottom: 0;
-        // padding: 0 20px 20px 20px;
-        padding: 0 20px;
-        align-items: center;
-        background: #bee2ff;
-        justify-content: space-between;
-        .text-icon {
-          width: 35px;
-          height: 35px;
-          line-height: 35px;
-          text-align: center;
-          background: #fafafa;
-          cursor: pointer;
-          border-radius: 5px;
-        }
-      }
-      .val-bon {
-        margin: 15px;
-        margin-top: 0;
-        padding: 30px;
-        background: #f2f5fc;
-        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);
-      }
+    .topicxq {
+      background-color: #e2f5fc;
+      border-radius: 4px;
+      margin-top: 10px;
+      padding-left: 10px;
+      padding-top: 15px;
     }
   }
 }
-.menu-icon {
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  text-align: center;
-  margin-right: 10px;
-  background: #78baf0;
-  color: #fff;
-  border-radius: 2px;
+::v-deep .addtopic-input {
+  input {
+    background: #02a7f0;
+    color: #edf1f7;
+    width: 150px;
+  }
 }
-.menu-icons {
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  text-align: center;
-  margin-right: 10px;
-  background: #f7603a;
-  color: #fff;
-  border-radius: 2px;
+::v-deep.el-step.is-vertical .el-step__title {
+  font-size: 20px;
 }
+::v-deep.el-input--medium {
+  font-size: 18px !important;
+}
+::v-deep.ruleFormaa.el-select {
+  display: inline-block;
+  position: relative;
+  width: 700px;
+}
+.el-select__tags {
+  font-size: 20px;
+  max-width: 888px !important;
+}
+::v-deep.el-radio__inner {
+  width: 22px;
+  height: 22px;
+}
+// ::v-deep.topic-dev.el-radio__label {
+//   font-size: 24px;
+// }
+::v-deep.el-radio-group {
+  span {
+    font-size: 20px;
+  }
+}
+::v-deep.el-checkbox-group {
+  span {
+    font-size: 20px;
+  }
+}
+// ::v-deep.el-form-item--medium .el-form-item__content {
+//   line-height: 36px;
+//   display: flex;
+// }
 </style>

--
Gitblit v1.9.3