完成题库管理页面路由设置，问卷查看页面布局

heimawl

2023-06-12 b850b4ca43f2ae66586bd875bd453061752d5e5a

 src/views/knowledge/questionnaire/index.vue

@@ -105,18 +105,7 @@
                  >新增</el-button
                >
              </el-col>
              <el-col :span="1.5">
                <el-button
                  type="success"
                  plain
                  icon="el-icon-edit"
                  size="medium"
                  :disabled="single"
                  @click="handleUpdate"
                  v-hasPermi="['system:user:edit']"
                  >修改</el-button
                >
              </el-col>

              <el-col :span="1.5">
                <el-button
                  type="danger"
@@ -202,30 +191,39 @@
                  <el-button
                    size="medium"
                    type="text"
                    @click="$router.push('/patient/patient/profile/')"
                    @click="goQRCode(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    > <span class="button-text"><i class="el-icon-edit"></i>二维码</span></el-button
                  >
                    <span class="button-text"
                      ><i class="el-icon-edit"></i>二维码</span
                    ></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
                    ><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
                    ><span class="button-textxg"
                      ><i class="el-icon-edit"></i>修改</span
                    ></el-button
                  >
                  <el-button
                    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
                    ><span class="button-textsc"
                      ><i class="el-icon-edit"></i>删除</span
                    ></el-button
                  >
                </template>
              </el-table-column>
@@ -346,7 +344,7 @@
      </div>
    </div>
    <!-- 添加类别弹框 -->
    <el-dialog title="新增类别" width="30%" :visible.sync="dialogFormVisible">
    <el-dialog width="30%" :visible.sync="dialogFormVisible">
      <el-form :model="sidecolumnform">
        <el-form-item label="请输入类别名称">
          <el-input v-model="form.name" autocomplete="off"></el-input>
@@ -355,6 +353,15 @@
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitsidecolumn">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 二维码展示弹框 -->
    <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>
    </el-dialog>
  </div>
@@ -390,6 +397,8 @@
      showSearch: true,
      // 总条数
      total: 0,
      namequestionnaire: "",
      haoquestionnaire: "",
      // 用户表格数据
      userList: [
        {
@@ -417,6 +426,7 @@
      numberlbs: 2,
      sidecolumnform: {}, //添加类别表单
      dialogFormVisible: false, //添加类别弹框
      goQRCodeVisible: false, //二维码弹框
      sidecolumnval: "", //类别搜索
      propss: { multiple: true },
      optionss: [
@@ -561,6 +571,11 @@
      this.open = false;
      this.reset();
    },
    goQRCode(row) {
      this.goQRCodeVisible = true;
      this.namequestionnaire = row.userName;
      this.haoquestionnaire = row.nickName;
    },
    // 表单重置
    reset() {
      this.form = {
@@ -600,12 +615,8 @@
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      getUser().then((response) => {
        this.postOptions = response.posts;
        this.roleOptions = response.roles;
        this.open = true;
        this.title = "新增患者";
      this.$router.push({
        path: "/knowledge/questionnaire/compilequer/",
      });
    },
    /** 修改按钮操作 */
@@ -614,18 +625,6 @@
        path: "/knowledge/questionnaire/compilequer/",
        query: { id: "1" },
      });
      //   this.reset();
      //   const userId = row.userId || this.ids;
      //   getUser(userId).then((response) => {
      //     this.form = response.data;
      //     this.postOptions = response.posts;
      //     this.roleOptions = response.roles;
      //     this.$set(this.form, "postIds", response.postIds);
      //     this.$set(this.form, "roleIds", response.roleIds);
      //     this.open = true;
      //     this.title = "修改用户";
      //     this.form.password = "";
      //   });
    },
    // 查看问卷
    ViewQuestionnaire() {
@@ -713,6 +712,26 @@
    display: center !important;
  }
}
.qrcode-dialo {
  text-align: center;
  //   display: flex;
  margin: 20px;
  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);
  .qrcode-text {
    font-size: 20px;
    span {
      margin-left: 20px;
    }
  }
  .qrcode-img {
    width: 300px;
    height: 400px;
  }
}
::v-deep.el-tabs--left,
.el-tabs--right {
  overflow: hidden;
@@ -746,16 +765,16 @@
    font-size: 20px;
  }
}
.button-text{
    color: rgb(70, 204, 238)
.button-text {
  color: rgb(70, 204, 238);
}
.button-textck{
    color: rgb(39, 167, 67)
.button-textck {
  color: rgb(39, 167, 67);
}
.button-textxg{
    color: rgb(35, 81, 233)
.button-textxg {
  color: rgb(35, 81, 233);
}
.button-textsc{
    color: rgb(235, 23, 23)
.button-textsc {
  color: rgb(235, 23, 23);
}
</style>