测试完成

WXL

2025-03-31 b73b5dd97cbda40d0584f579ed9f65f4fcffe23f

 src/views/knowledge/questionnaire/index.vue

@@ -3,8 +3,8 @@
    <!-- 左侧栏 -->
    <div class="sidecolumn">
      <div class="sidecolumn-top">
        <div class="top-wj">问卷类型</div>
        <div class="top-tj" @click="dialogFormVisible = true">+添加</div>
        <div class="top-wj">问卷分类</div>
        <div class="top-tj" @click="Newcategory">+添加</div>
      </div>
      <div class="center-ss">
        <el-input
@@ -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>
@@ -57,64 +68,49 @@
              v-show="showSearch"
              label-width="98px"
            >
              <el-form-item label="问卷名称" prop="userName">
              <el-form-item label="问卷名称" prop="svyname">
                <el-input
                  v-model="queryParams.userName"
                  v-model="queryParams.svyname"
                  placeholder="请输入"
                  clearable
                  style="width: 200px"
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="适用科室" prop="sickness">
                <el-cascader
                  v-model="queryParams.sickness"
                  :options="editableTabs"
                  :props="propss"
                  clearable
                ></el-cascader>
              </el-form-item>
              <el-form-item label="通知内容" prop="userName">
                <el-input
                  v-model="queryParams.userNamevalue"
                  placeholder="请输入"
                  clearable
                  style="width: 200px"
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="适用方式" prop="shape">
                <el-cascader
                  v-model="queryParams.shapevalue"
                  :options="editableTabs"
                  :props="propss"
                  clearable
                ></el-cascader>
              </el-form-item>
              <el-form-item label="内容形式" prop="classify">
              <el-form-item label="适用院区" prop="region">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                  v-model="campus"
                  size="medium"
                  multiple
                  filterable
                  placeholder="请选择分类"
                >
                  <el-option
                    v-for="(item, index) in editableTabs"
                    :key="index++"
                    :label="item.title"
                    :value="index++"
                    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="userName">
                <el-input
                  v-model="queryParams.description"
                  placeholder="请输入"
                  clearable
                  style="width: 200px"
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>

              <el-form-item label="可用状态" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                <el-select v-model="queryParams.isenable" placeholder="请选择">
                  <el-option
                    v-for="(item, index) in editableTabs"
                    :key="index++"
                    :label="item.title"
                    :value="index++"
                    v-for="(item, index) in qyoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
@@ -145,7 +141,7 @@
                  icon="el-icon-plus"
                  size="medium"
                  @click="handleAdd"
                  v-hasPermi="['system:user:add']"

                  >新增</el-button
                >
              </el-col>
@@ -158,7 +154,6 @@
                  size="medium"
                  :disabled="multiple"
                  @click="handleDelete"
                  v-hasPermi="['system:user:remove']"
                  >删除</el-button
                >
              </el-col>
@@ -170,36 +165,31 @@
              @selection-change="handleSelectionChange"
            >
              <el-table-column type="selection" width="50" align="center" />
              <el-table-column
              <!-- <el-table-column
                label="序号"
                fixed
                align="center"
                key="svyid"
                prop="svyid"
              />
              /> -->
              <el-table-column
                label="问卷标题"
                label="问卷名称"
                fixed
                align="center"
                key="svyname"
                prop="svyname"
                width="160"
                :show-overflow-tooltip="true"
              />
              <el-table-column
                label="版本"
                align="center"
                key="version"
                prop="version"
                :show-overflow-tooltip="true"
              />

              <el-table-column
                label="主要内容"
                label="问卷描述"
                align="center"
                key="description"
                prop="description"
                width="260"
              /><el-table-column
                label="适用疾病(缺)"
                label="适用疾病"
                align="center"
                key="Applicable"
                prop="Applicable"
@@ -209,42 +199,30 @@
                    size="medium"
                    type="text"
                    @click="illnessUpdate(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-textxg"
                      ><i class="el-icon-date"></i>详情</span
                    ></el-button
                  >
                </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.svyLibTemplateTagList"
                    >{{ item.tagname }}、
                  </span>
                </template>
              </el-table-column>

              <el-table-column
                label="资料形式(缺)"
                align="center"
                key="cphonenumaber"
                prop="cphonenumaber"
                width="120"
              />
              <el-table-column
                label="可用"
                label="是否可用"
                align="center"
                key="isenable"
                prop="isenable"
@@ -264,6 +242,7 @@

              <el-table-column
                label="操作"
                fixed="right"
                align="center"
                width="300"
                class-name="small-padding fixed-width"
@@ -273,26 +252,23 @@
                    size="medium"
                    type="text"
                    @click="goQRCode(scope.row)"
                    v-hasPermi="['system:user:edit']"
                  >
                    <span class="button-text"
                      ><i class="el-icon-edit"></i>二维码</span
                      ><i class="el-icon-edit"></i>预览</span
                    ></el-button
                  >
                  <el-button
                  <!-- <el-button
                    size="medium"
                    type="text"
                    @click="ViewQuestionnaire(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-textck"
                      ><i class="el-icon-edit"></i>查看</span
                    ></el-button
                  >
                  > -->
                  <el-button
                    size="medium"
                    type="text"
                    @click="handleUpdate(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-textxg"
                      ><i class="el-icon-edit"></i>修改</span
                    ></el-button
@@ -301,7 +277,6 @@
                    size="medium"
                    type="text"
                    @click="handleDelete(scope.row)"
                    v-hasPermi="['system:user:remove']"
                    ><span class="button-textsc"
                      ><i class="el-icon-edit"></i>删除</span
                    ></el-button
@@ -336,21 +311,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>
@@ -403,12 +375,79 @@
      </span>
    </el-dialog>
    <!-- 二维码展示弹框 -->
    <el-dialog width="30%" :visible.sync="goQRCodeVisible">
    <!-- <el-dialog width="30%" :visible.sync="goQRCodeVisible">
      <div class="qrcode-dialo">
        <div class="qrcode-text">
          {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span>
        </div>
        <div class="qrcode-img"></div>
        <div class="qrcode-img">
          <el-image
            src="D:/qrcode/fc9a1fa37e394ac3ac606bf6b77b17c3"
            fit="cover"
          ></el-image>
        </div>
      </div>
    </el-dialog> -->
    <!-- 问卷模板预览 -->
    <el-dialog title="随访题目预览" :visible.sync="topicVisible" width="50%">
      <div class="preview-left">
        <!-- 单选 -->
        <div v-for="item in topicform.svyTemplateLibScripts">
          <div
            class="scriptTopic-dev"
            :key="item.sort"
            v-if="item.scriptType == 1"
          >
            <div class="dev-text">
              {{ item.sort }}、[单选]<span>{{ item.scriptContent }}</span>
            </div>
            <div class="dev-xx">
              <el-radio-group v-model="item.remark">
                <el-radio
                  v-for="(items, index) in item.svyLibTemplateTargetoptions"
                  :key="index"
                  :label="index"
                  >{{ items.optioncontent }}</el-radio
                >
              </el-radio-group>
            </div>
          </div>
          <!-- 多选 -->
          <div
            class="scriptTopic-dev"
            :key="item.sort"
            v-if="item.scriptType == 2"
          >
            <div class="dev-text">
              {{ item.sort }}、[多选]<span>{{ item.scriptContent }}</span>
            </div>
            <div class="dev-xx">
              <el-checkbox-group v-model="qremark">
                <el-checkbox
                  v-for="(items, index) in item.svyLibTemplateTargetoptions"
                  :key="index"
                  :label="index"
                >
                  {{ items.optioncontent }}
                </el-checkbox>
              </el-checkbox-group>
            </div>
          </div>
          <!-- 填空 -->
          <div
            class="scriptTopic-dev"
            :key="item.sort"
            v-if="item.scriptType == 4"
          >
            <div class="dev-text">
              {{ item.sort }}、[问答]<span>{{ item.scriptContent }}</span>
            </div>
            <div class="dev-xx">
              <el-input placeholder="请输入答案" v-model="radioas" clearable>
              </el-input>
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
  </div>
@@ -421,8 +460,9 @@
  getQtemplateclassify,
  delQtemplateclassify,
  addQtemplateclassify,
  editQtemplateclassify,
  getQtemplatelist,
  issueinfo,
  getQtemplateobj,
  compileissue,
  delQtemplateinfo,
  Followupinfo,
@@ -431,7 +471,10 @@
  getillnesslist,
  illnesslistget,
  getillness,
  getQRcode,
} 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";
@@ -445,6 +488,7 @@
      loading: false,
      // 选中数组
      ids: [],
      qremark: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
@@ -455,9 +499,11 @@
      total: 0,
      namequestionnaire: "",
      haoquestionnaire: "",
      QRcodeurl: "",
      courtyardlist: "",
      // 用户表格数据
      userList: [],

      campus: [],
      // 日期范围
      dateRange: [],
      // 岗位选项
@@ -466,7 +512,7 @@
      roleOptions: [],
      // 表单参数
      form: {},

      title: "新增类别",
      sidecolumnform: {}, //添加类别表单
      goQRCodeVisible: false, //二维码弹框
      sidecolumnval: "", //类别搜索
@@ -474,10 +520,14 @@
      idds: "",
      amendtag: false, //是否修改类别
      dialogFormVisible: false, //修改添加类别弹框
      topicVisible: false, //
      topicform: {},
      classifyform: {}, //类别表单
      indexid: null,
      inputValue: "",
      radio: "主分类",
      zufon: true,
      zifon: true,
      inputVisible: false,
      illnessVisible: false, //指标疾病弹框
      deptOptions: [],
@@ -485,9 +535,11 @@
      illnesslistapi: [],
      illnesslist: [],
      defaultProps: {
        children: "svyLibTopicCategoryList",
        label: "indexAssortName",
        children: "svyLibTemplateCategoryList",
        label: "name",
      },
      deptList: [],
      props: { multiple: true, value: "deptId", label: "deptName" },
      mode: [],
      languagelist: [],
      qyoptions: [],
@@ -505,11 +557,12 @@
  watch: {},
  created() {
    this.getList();
    // this.getDeptTree();
    this.getDeptTree();
    this.mode = store.getters.mode;
    this.languagelist = store.getters.languagelist;
    this.qyoptions = store.getters.usable;
    this.editableTabs = store.getters.editableTabs;
    this.courtyardlist = store.getters.courtyardlist;
  },

  methods: {
@@ -521,12 +574,26 @@
        this.total = response.total;
        this.loading = false;
      });
      listDept(this.queryParams).then((response) => {
        this.deptList = this.handleTree(response.data, "deptId");
      });
    },

    goQRCode(row) {
      this.goQRCodeVisible = true;
      this.namequestionnaire = row.userName;
      this.haoquestionnaire = row.nickName;
      getQtemplateobj({ svyid: row.svyid }).then((res) => {
        this.topicform = res.rows[0];
        console.log(this.topicform);
        this.topicVisible = true;
      });
      // getQRcode({
      //   url: "/outsideChain?param1=KHRYDSSuTpwGWDhAS6OnpfxObRZf8fd/TIagYWPvDuyku+MjtrWt1efC1htoBDc+G4QP2UOWPNitAO4TwH4oIQ==&param2=CP/xYqwqDhWACt2aQ/HOwhgRM62Lh4/1upwYDl7dmKSuiaa4zRzMgu7rmRztiwQj2YvJ1KAX1zBTpUAIdxPvUA==",
      // }).then((res) => {
      //   console.log(res);
      //   this.QRcodeurl = "D:/qrcode/fc9a1fa37e394ac3ac606bf6b77b17c3";
      // });
      // this.goQRCodeVisible = true;
      // this.namequestionnaire = row.userName;
      // this.haoquestionnaire = row.nickName;
    },
    // 表单重置
    reset() {
@@ -549,6 +616,7 @@
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.queryParams.campus = this.campus.join(",");
      this.getList();
    },
    /** 重置按钮操作 */
@@ -568,13 +636,14 @@
    /** 新增按钮操作 */
    handleAdd() {
      this.$router.push({
        path: "/knowledge/questionnaire/compilequer/",
        path: "/knowledge/questionnaireinfo/",
        query: { categoryid: this.queryParams.categoryid },
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.$router.push({
        path: "/knowledge/questionnaire/compilequer/",
        path: "/knowledge/questionnaireinfo/",
        query: { id: row.svyid },
      });
    },
@@ -666,38 +735,50 @@
    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
        );
        console.log(this.deptOptions[index]);
        calssvalue = this.deptOptions[index];
        calssvalue.ivrLibaTemplateAssortList.push(this.classifyform);
      } else if (this.radio == "主分类" && this.classifyform.indexAssortName) {
        calssvalue.svyLibTemplateCategoryList.push(this.classifyform);
      } else if (this.radio == "主分类" && this.classifyform.name) {
        this.classifyform.pid = null;
        this.classifyform.ivrLibaTemplateAssortList = [];
        this.classifyform.svyLibTemplateCategoryList = [];
      } 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 +790,7 @@
      } else {
        this.$modal
          .confirm(
            '是否确认删除一级分类"' +
              b.indexAssortName +
              '"？删除后其下分类将归类‘未分类’'
            '是否确认删除一级分类"' + b.name + '"？删除后其下分类将归类‘未分类’'
          )
          .then(() => {
            return delQtemplateclassify(b.id);
@@ -723,14 +802,35 @@
          .catch(() => {});
      }
    },
    altertag(a, b) {
      this.dialogFormVisible = true;
      if (!b.pid) {
        this.radio = "主分类";
        this.title = "修改主分类";
        this.zufon = false;
      } else {
        this.radio = "子分类";
        this.title = "修改子分类";
        this.zifon = false;
      }
      this.classifyform = b;
      this.dialogFormVisible = true;
    },
    Newcategory(){
      this.classifyform= {}, //类别表单
      this.radio = "主分类";
     this.dialogFormVisible = true
     this.zifon = true;
      this.zufon = 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;
      this.queryParams.categoryid = data.id;
      this.getList();
    },

@@ -771,13 +871,6 @@
      this.single = selection.length != 1;
      this.multiple = !selection.length;
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.$router.push({
        path: "/knowledge/verbaltrick/particulars/",
        query: { id: "1" },
      });
    },

    /** 删除按钮操作 */
    handleDelete(row) {
@@ -809,7 +902,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);
@@ -913,6 +1006,22 @@
    vertical-align: bottom;
  }
}
.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);
  .scriptTopic-dev {
    margin-bottom: 25px;
    font-size: 20px !important;
    .dev-text {
      margin-bottom: 10px;
    }
  }
}

::v-deep .el-tree-node__content {
  display: -webkit-box;
@@ -925,6 +1034,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;