提交信息

WXL

2023-12-08 c50a8b158e31b9157869d28fb90c6f5c840bb05d

提交信息

 src/assets/images/µ¼Èë.png

 src/components/SFtable/index.vue

@@ -24,6 +24,7 @@
    >
    </el-table-column>
    <el-table-column
    v-if="center"
      label="操作"
      align="center"
      width="120"
@@ -74,6 +75,10 @@
      type: Boolean,
      default: true,
    },
    center: {
      type: Boolean,
      default: true,
    },
    controlxz: {
      type: Boolean,
      default: true,

 src/views/knowledge/education/compilequer/index.vue

@@ -23,20 +23,6 @@
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="宣教名称" prop="name">
            <el-input v-model="ruleForm.name"></el-input>
          </el-form-item>
          <el-form-item label="宣教形式" prop="name">
            <el-select v-model="ruleForm.shape" placeholder="请选择">
              <el-option
                v-for="item in xjxsoptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="宣教分类" prop="region">
            <el-select
              v-model="ruleForm.classify"
@@ -55,14 +41,123 @@
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="适用疾病" prop="sickness">
          <el-form-item label="宣教标题" prop="name">
            <div style="width: 30%">
              <el-input v-model="ruleForm.name"></el-input>
            </div>
          </el-form-item>
          <el-form-item label="通知变量" prop="name">
            <el-row v-for="item in variablelist">
              <el-col :span="4">
                <el-input v-model="item.variable"></el-input>
              </el-col>
              <el-col :span="8" :offset="1">
                <el-input v-model="item.value"></el-input>
              </el-col>
              <el-col :span="4" :offset="1">
                <el-button
                  type="success"
                  icon="el-icon-plus"
                  circle
                  @click="addvariable(item)"
                ></el-button>
                <el-button
                  type="danger"
                  icon="el-icon-delete"
                  circle
                  @click="delvariable(item)"
                ></el-button>
              </el-col>
            </el-row>
          </el-form-item>

          <el-form-item label="文件" prop="sickness">
            <div style="width: 40%">
              <el-upload
                class="upload-demo"
                action="https://jsonplaceholder.typicode.com/posts/"
                :on-change="handleChange"
                :file-list="fileList"
              >
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">
                  åªèƒ½ä¸Šä¼ jpg/png/xsl文件，且不超过50mb
                </div>
              </el-upload>
            </div>
          </el-form-item>
          <el-form-item label="标签" prop="desc">
            <div class="xinz-inf">
              <el-tag
                :key="tag"
                type="success"
                v-for="tag in dynamicTags"
                closable
                :disable-transitions="false"
                @close="handleClose(tag)"
              >
                {{ tag }}
              </el-tag>
            <el-select
              v-model="ruleForm.sickness"
                v-model="inputValue"
                v-if="inputVisible"
                @change="handleInputConfirm"
              filterable
              placeholder="请选择"
            >
              <el-option
                v-for="item in sicknessoptions"
                  v-for="item in options"
                  :key="item.label"
                  :label="item.label"
                  :value="item.label"
                >
                </el-option>
              </el-select>
              <el-button
                v-else
                class="button-new-tag"
                size="small"
                @click="showInput"
                >+ æ–°å¢žæ ‡ç­¾</el-button
              >
            </div>
          </el-form-item>
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="版本号" prop="name">
                <el-input v-model="currentVersion"></el-input> </el-form-item
            ></el-col>
            <el-col :span="9">
              <el-form-item label="可用状态" prop="region">
                <el-select
                  v-model="ruleForm.classify"
                  size="medium"
                  multiple
                  filterable
                  placeholder="请选择分类"
                >
                  <el-option
                    class="ruleFormaa"
                    v-for="item in options"
                    :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
              v-model="ruleForm.way"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in xjxsoptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
@@ -70,30 +165,112 @@
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="活动形式" prop="desc">
            <el-input
              :rows="4"
              type="textarea"
              v-model="ruleForm.desc"
              maxlength="400"
              show-word-limit
            ></el-input>
          <el-form-item label="适用疾病" prop="region">
            <el-select
              v-model="ruleForm.illness"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="使用院区" prop="region">
            <el-select
              v-model="ruleForm.courtyard"
              size="medium"
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="适用科室" prop="region">
            <el-select
              v-model="ruleForm.administrative"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="success" @click="submitForm('ruleForm')"
            <el-button type="success" @click="nextstep('ruleForm')"
              >下一步</el-button
            >
            <el-button @click="resetForm('ruleForm')">重置</el-button>
            <el-button type="info" @click="closeFm('ruleForm')"
                >关闭</el-button
              >
          </el-form-item>
        </el-form>
      </div>
      <!-- å®£æ•™å†…容 -->
      <div v-if="Editprogress == 2">
        <div class="leftvlue-jbxx">宣教内容</div>
        <el-row :gutter="20">
          <el-col :span="4"><div class="leftvlue-jbxx">宣教内容</div></el-col>
          <el-col :span="12">
        <div>
              <el-button @click="laststep('ruleForm')">上一步</el-button>
              <el-button type="success" @click="submitForm('ruleForm')"
                >保存</el-button
              >
              <el-button type="warning" @click="submitForm('ruleForm')"
                >另存新版本</el-button
              >
              <el-button type="info" @click="closeFm('ruleForm')"
                >关闭</el-button
              >
            </div></el-col
          >
        </el-row>

          <div>
            <el-button @click="openContent" type="primary">查看元素</el-button>
          <el-form
            :model="ruleForm"
            :rules="rules"
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
          >
            <el-form-item label="资料形式" prop="region">
              <el-select v-model="ruleForm.shape" placeholder="请选择内容形式">
                <el-option
                  v-for="item in xjxsoptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-form>
          </div>
        <div>
          <div id="quillEditorQiniu">
            <!-- åŸºäºŽelementUi的上传组件 el-upload begin-->
            <el-upload
@@ -162,7 +339,21 @@
      uploadImgUrl: "/v1/admin/common/upload",
      uploadUrlPath: "没有文件上传",
      quillUpdateImg: false,
      fileList: [
        {
          name: "food.jpeg",
          url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
        },
        {
          name: "food2.jpeg",
          url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
        },
      ],
      content: "", //最终保存的内容
      dynamicTags: ["标签一", "标签二", "标签三"],
      inputVisible: false,
      inputValue: "",
      // å¯Œæ–‡æœ¬
      editorOption: {
        placeholder: "你想说什么？",
        modules: {
@@ -294,292 +485,6 @@
          label: "音频",
        },
      ],
      sicknessoptions: [
        {
          value: 1,
          label: "高血压",
        },
        {
          value: 2,
          label: "心脏病",
        },
        {
          value: 3,
          label: "糖尿病",
        },
        {
          value: 4,
          label: "脊椎炎",
        },
      ],
      asoptions: [
        {
          value: "zhinan",
          label: "指南",
          children: [
            {
              value: "shejiyuanze",
              label: "设计原则",
              children: [
                {
                  value: "yizhi",
                  label: "一致",
                },
                {
                  value: "fankui",
                  label: "反馈",
                },
                {
                  value: "xiaolv",
                  label: "效率",
                },
                {
                  value: "kekong",
                  label: "可控",
                },
              ],
            },
            {
              value: "daohang",
              label: "导航",
              children: [
                {
                  value: "cexiangdaohang",
                  label: "侧向导航",
                },
                {
                  value: "dingbudaohang",
                  label: "顶部导航",
                },
              ],
            },
          ],
        },
        {
          value: "zujian",
          label: "组件",
          children: [
            {
              value: "basic",
              label: "Basic",
              children: [
                {
                  value: "layout",
                  label: "Layout å¸ƒå±€",
                },
                {
                  value: "color",
                  label: "Color è‰²å½©",
                },
                {
                  value: "typography",
                  label: "Typography å­—体",
                },
                {
                  value: "icon",
                  label: "Icon å›¾æ ‡",
                },
                {
                  value: "button",
                  label: "Button æŒ‰é’®",
                },
              ],
            },
            {
              value: "form",
              label: "Form",
              children: [
                {
                  value: "radio",
                  label: "Radio å•é€‰æ¡†",
                },
                {
                  value: "checkbox",
                  label: "Checkbox å¤šé€‰æ¡†",
                },
                {
                  value: "input",
                  label: "Input è¾“入框",
                },
                {
                  value: "input-number",
                  label: "InputNumber è®¡æ•°å™¨",
                },
                {
                  value: "select",
                  label: "Select é€‰æ‹©å™¨",
                },
                {
                  value: "cascader",
                  label: "Cascader çº§è”选择器",
                },
                {
                  value: "switch",
                  label: "Switch å¼€å…³",
                },
                {
                  value: "slider",
                  label: "Slider æ»‘块",
                },
                {
                  value: "time-picker",
                  label: "TimePicker æ—¶é—´é€‰æ‹©å™¨",
                },
                {
                  value: "date-picker",
                  label: "DatePicker æ—¥æœŸé€‰æ‹©å™¨",
                },
                {
                  value: "datetime-picker",
                  label: "DateTimePicker æ—¥æœŸæ—¶é—´é€‰æ‹©å™¨",
                },
                {
                  value: "upload",
                  label: "Upload ä¸Šä¼ ",
                },
                {
                  value: "rate",
                  label: "Rate è¯„分",
                },
                {
                  value: "form",
                  label: "Form è¡¨å•",
                },
              ],
            },
            {
              value: "data",
              label: "Data",
              children: [
                {
                  value: "table",
                  label: "Table è¡¨æ ¼",
                },
                {
                  value: "tag",
                  label: "Tag æ ‡ç­¾",
                },
                {
                  value: "progress",
                  label: "Progress è¿›åº¦æ¡",
                },
                {
                  value: "tree",
                  label: "Tree æ ‘形控件",
                },
                {
                  value: "pagination",
                  label: "Pagination åˆ†é¡µ",
                },
                {
                  value: "badge",
                  label: "Badge æ ‡è®°",
                },
              ],
            },
            {
              value: "notice",
              label: "Notice",
              children: [
                {
                  value: "alert",
                  label: "Alert è­¦å‘Š",
                },
                {
                  value: "loading",
                  label: "Loading åŠ è½½",
                },
                {
                  value: "message",
                  label: "Message æ¶ˆæ¯æç¤º",
                },
                {
                  value: "message-box",
                  label: "MessageBox å¼¹æ¡†",
                },
                {
                  value: "notification",
                  label: "Notification é€šçŸ¥",
                },
              ],
            },
            {
              value: "navigation",
              label: "Navigation",
              children: [
                {
                  value: "menu",
                  label: "NavMenu å¯¼èˆªèœå•",
                },
                {
                  value: "tabs",
                  label: "Tabs æ ‡ç­¾é¡µ",
                },
                {
                  value: "breadcrumb",
                  label: "Breadcrumb é¢åŒ…屑",
                },
                {
                  value: "dropdown",
                  label: "Dropdown ä¸‹æ‹‰èœå•",
                },
                {
                  value: "steps",
                  label: "Steps æ­¥éª¤æ¡",
                },
              ],
            },
            {
              value: "others",
              label: "Others",
              children: [
                {
                  value: "dialog",
                  label: "Dialog å¯¹è¯æ¡†",
                },
                {
                  value: "tooltip",
                  label: "Tooltip æ–‡å­—提示",
                },
                {
                  value: "popover",
                  label: "Popover å¼¹å‡ºæ¡†",
                },
                {
                  value: "card",
                  label: "Card å¡ç‰‡",
                },
                {
                  value: "carousel",
                  label: "Carousel èµ°é©¬ç¯",
                },
                {
                  value: "collapse",
                  label: "Collapse æŠ˜å é¢æ¿",
                },
              ],
            },
          ],
        },
        {
          value: "ziyuan",
          label: "资源",
          children: [
            {
              value: "axure",
              label: "Axure Components",
            },
            {
              value: "sketch",
              label: "Sketch Templates",
            },
            {
              value: "jiaohu",
              label: "组件交互文档",
            },
          ],
        },
      ],
      valssu: [
        {
          idd: 1,
@@ -607,6 +512,12 @@
          userName: "四号宣教",
        },
      ],
      variablelist: [
        {
          variable: "paitent",
          value: "表示患者的标识",
        },
      ],
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
        pageNum: 1,
@@ -630,10 +541,8 @@
  },

  methods: {
    // å®Œæˆ
    submitForm(formName) {
      if (this.Editprogress <= 3) {
        return this.Editprogress++;
      }
      this.rules = this.rulesa;
      //   æäº¤
      this.$refs[formName].validate((valid) => {
@@ -645,6 +554,33 @@
        }
      });
    },
    // ä¸‹ä¸€æ­¥
    nextstep() {
      if (this.Editprogress <= 1) {
        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: '已取消'
          });          
        });
    },
    // ä¿å­˜é¢˜ç›®ä¿¡æ¯
    Saveproblem(){},
    /** æŸ¥è¯¢é¢˜ç›®åˆ—表 */
    getList() {
      //   this.loading = true;
@@ -659,17 +595,50 @@
      //   console.log(rows);
      //   this.list = rows;
    },
    changeaddtopic(val) {
      console.log(11);
      console.log(val);
      this.addvalue = "添加题目";
    // æ–°å¢žå˜é‡
    addvariable() {
      this.variablelist.push({
        variable: "",
        value: "",
      });
    },
    // åˆ é™¤å˜é‡
    delvariable(item) {
      const index = this.variablelist.indexOf(item);
      if (index !== -1) {
        this.variablelist.splice(index, 1); // ä»Žç´¢å¼•ä½ç½®åˆ é™¤ä¸€ä¸ªå…ƒç´ 
      } else {
        console.log("未找到该对象");
      }
    },
    // æŽ§åˆ¶æ–‡ä»¶
    handleChange(file, fileList) {
      this.fileList = fileList.slice(-3);
    },
    // æ ‡ç­¾-----------------
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },
    handleInputConfirm() {
      let inputValue = this.inputValue;
      if (inputValue) {
        this.dynamicTags.push(inputValue);
      }
      this.inputVisible = false;
      this.inputValue = "";
    },
    showInput() {
      this.inputVisible = true;
      // è‡ªåŠ¨èŽ·å–焦点
      // this.$nextTick((_) => {
      //   this.$refs.saveTagInput.$refs.input.focus();
      // });
    },
    // --------------------------

    // é¢„览模版
    PreviewTemplate() {
      this.drawer = true;
    },
    laststep() {
      this.Editprogress--;
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
@@ -723,9 +692,6 @@
    uploadResult: function (res) {
      this.uploadUrlPath = res;
    },
    openContent: function () {
      console.log(this.content);
    },
  },
};
</script>
@@ -778,6 +744,30 @@
    cursor: pointer;
    font-size: 20px;
    margin: 0 20px;
  }
}
.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;
  }
}
.preview-left {
@@ -842,7 +832,7 @@
  font-size: 25px;
}
::v-deep.el-input--medium {
  font-size: 24px !important;
  font-size: 18px !important;
}
::v-deep.ruleFormaa.el-select {
  display: inline-block;

 src/views/knowledge/education/index.vue

@@ -21,7 +21,49 @@
        </el-input>
      </div>
      <div class="bottom-fl">
        <el-tabs tab-position="right">
        <el-menu
          default-active="3"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          @select="handleSelect"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>分类一</span>
            </template>

            <el-menu-item index="1-1">选项1</el-menu-item>
            <el-menu-item index="1-2">选项2</el-menu-item>
            <el-menu-item index="1-3">选项3</el-menu-item>
            <el-menu-item index="1-4">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>分类二</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>分类三</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-setting"></i>
              <span>分类四</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
        </el-menu>
        <!-- <el-tabs tab-position="right">
          <el-tab-pane :label="`全部 (${numberlb})`"></el-tab-pane>
          <el-tab-pane
            class="tab-paness"
@@ -48,21 +90,11 @@
                <i slot="reference" class="el-icon-share"></i> </el-popover
            ></span>
          </el-tab-pane>
        </el-tabs>
        </el-tabs> -->
      </div>
    </div>
    <!-- å³ä¾§æ•°æ® -->
    <div class="leftvlue">
      <div class="leftvlue-top">
        <el-tabs v-model="topactiveName" @tab-click="tophandleClick">
          <el-tab-pane name="Local">
            <span class="mulsz" slot="label">本地宣教库 </span>
          </el-tab-pane>
          <el-tab-pane name="sharing">
            <span class="mulsz" slot="label">共享宣教库 </span>
          </el-tab-pane>
        </el-tabs>
      </div>
      <div class="leftvlue-bg">
        <el-row :gutter="20">
          <!--用户数据-->
@@ -75,7 +107,7 @@
              v-show="showSearch"
              label-width="98px"
            >
              <el-form-item label="宣教名称" prop="userName">
              <el-form-item label="宣教标题" prop="userName">
                <el-input
                  v-model="queryParams.userName"
                  placeholder="请输入"
@@ -84,7 +116,7 @@
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="适用疾病" prop="sickness">
              <el-form-item label="适用科室" prop="sickness">
                <el-cascader
                  v-model="queryParams.sickness"
                  :options="optionss"
@@ -92,27 +124,44 @@
                  clearable
                ></el-cascader>
              </el-form-item>
              <el-form-item label="宣教形式" prop="shape">
                <el-select
                  v-model="queryParams.shapevalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in xjxsoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              <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="classify">
              <el-form-item label="适用方式" prop="shape">
                <el-cascader
                  v-model="queryParams.shapevalue"
                  :options="optionss"
                  :props="propss"
                  clearable
                ></el-cascader>
              </el-form-item>
              <el-form-item label="内容形式" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="(item, index) in editableTabs"
                    :key="index++"
                    :label="item.title"
                    :value="index++"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="可用状态" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="(item, index) in editableTabsky"
                    :key="index++"
                    :label="item.title"
                    :value="index++"
@@ -185,7 +234,7 @@
                prop="userid"
              />
              <el-table-column
                label="宣教名称"
                label="标题"
                align="center"
                key="userName"
                prop="userName"
@@ -198,6 +247,13 @@
                prop="nickName"
                :show-overflow-tooltip="true"
              />
              <el-table-column
                label="主要内容"
                align="center"
                key="userNamevalue"
                prop="userNamevalue"
                :show-overflow-tooltip="true"
              />

              <el-table-column
                label="适用疾病"
@@ -206,14 +262,42 @@
                prop="aphonenumber"
                width="120"
              /><el-table-column
                label="宣教描述"
                label="适用科室"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                width="120"
              />
              <el-table-column
                label="最近编辑"
                label="标签"
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                width="120"
              />
              <el-table-column
                label="宣教方式"
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                width="120"
              />
              <el-table-column
                label="资料形式"
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                width="120"
              />
              <el-table-column
                label="最近修改"
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                width="120"
              />
              <el-table-column
                label="是否可用"
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
@@ -389,6 +473,17 @@
      :visible.sync="dialogFormVisible"
    >
      <el-form :model="classifyform">
        <el-form-item label="请选择宣教大类">
          <el-select v-model="classifyform.broadheading" placeholder="请选择">
            <el-option
              v-for="item in optionss"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="amendtag ? '请输入新的类别名称' : '请输入类别名称'"
        >
@@ -496,19 +591,19 @@
      optionss: [
        {
          value: 1,
          label: "东南",
          label: "类型一",
        },
        {
          value: 2,
          label: "西北",
          label: "类型二",
        },
        {
          value: 3,
          label: "仨仨仨",
          label: "类型三",
        },
        {
          value: 4,
          label: "六飒飒飒",
          label: "类型四",
        },
      ],
      xjxsoptions: [
@@ -525,27 +620,41 @@
          label: "语音",
        },
      ],
      //类别列表
      editableTabs: [
      editableTabsky: [
        {
          title: "宣教分类一",
          title: "可用",
          number: "1",
        },
        {
          title: "宣教分类二",
          title: "停用",
          number: "2",
        },
      ],
      //类别列表
      editableTabs: [
        {
          title: "短信",
          number: "1",
        },
        {
          title: "钉钉",
          number: "2",
        },
        {
          title: "宣教分类三",
          number: "2",
          title: "微信",
          number: "3",
        },
        {
          title: "宣教分类四",
          number: "2",
          title: "电话",
          number: "4",
        },
        {
          title: "宣教分类五",
          number: "2",
          title: "线下",
          number: "5",
        },
        {
          title: "智能语音",
          number: "6",
        },
      ],
      // æŸ¥è¯¢å‚æ•°
@@ -684,6 +793,15 @@
        this.deletefenl = row.title;
      }
    },
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    //搜索类别
    sidecolumnss() {},
    // åˆ‡æ¢å…±äº«/本地

 src/views/knowledge/questionnaire/compilequer/index.vue

@@ -4,15 +4,11 @@
    <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="基础信息"></el-step>
          <el-step title="问卷题目"></el-step>
          <el-step
            title="问卷预览"
            description="这是一段很长很长很长的描述性文字"
          ></el-step>
          <el-step
            title="结果反馈"
            description="这是一段很长很长很长的描述性文字"
            description="查看问卷预览，可导出PDF"
          ></el-step>
        </el-steps>
      </div>
@@ -22,8 +18,9 @@
      <!-- åŸºæœ¬ä¿¡æ¯ -->
      <div v-if="Editprogress == 1">
        <div class="leftvlue-jbxx">
          åŸºæœ¬ä¿¡æ¯<span>当前版本:{{ currentVersion }}</span>
          åŸºæœ¬ä¿¡æ¯
        </div>
        <el-divider></el-divider>
        <el-form
          :model="ruleForm"
          :rules="rules"
@@ -31,16 +28,13 @@
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="活动名称" prop="name">
            <el-input v-model="ruleForm.name"></el-input>
          </el-form-item>
          <el-form-item label="活动区域" prop="region">
          <el-form-item label="问卷分类" prop="region">
            <el-select
              v-model="ruleForm.region"
              v-model="ruleForm.classify"
              size="medium"
              multiple
              filterable
              placeholder="请选择活动区域"
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
@@ -52,77 +46,210 @@
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="活动形式" prop="desc">
            <el-input
              :rows="4"
              type="textarea"
              v-model="ruleForm.desc"
            ></el-input>
          <el-form-item label="问卷标题" prop="name">
            <div style="width: 30%">
              <el-input v-model="ruleForm.name"></el-input>
            </div>
          </el-form-item>
          <el-form-item label="通知变量" prop="name">
            <el-row v-for="item in variablelist">
              <el-col :span="4">
                <el-input v-model="item.variable"></el-input>
              </el-col>
              <el-col :span="8" :offset="1">
                <el-input v-model="item.value"></el-input>
              </el-col>
              <el-col :span="4" :offset="1">
                <el-button
                  type="success"
                  icon="el-icon-plus"
                  circle
                  @click="addvariable(item)"
                ></el-button>
                <el-button
                  type="danger"
                  icon="el-icon-delete"
                  circle
                  @click="delvariable(item)"
                ></el-button>
              </el-col>
            </el-row>
          </el-form-item>

          <el-form-item label="文件" prop="sickness">
            <div style="width: 40%">
              <el-upload
                class="upload-demo"
                action="https://jsonplaceholder.typicode.com/posts/"
                :on-change="handleChange"
                :file-list="fileList"
              >
                <el-button size="small" type="primary">点击上传</el-button>
                <div slot="tip" class="el-upload__tip">
                  åªèƒ½ä¸Šä¼ jpg/png/xsl文件，且不超过50mb
                </div>
              </el-upload>
            </div>
          </el-form-item>
          <el-form-item label="标签" prop="desc">
            <div class="xinz-inf">
              <el-tag
                :key="tag"
                type="success"
                v-for="tag in dynamicTags"
                closable
                :disable-transitions="false"
                @close="handleClose(tag)"
              >
                {{ tag }}
              </el-tag>
              <el-select
                v-model="inputValue"
                v-if="inputVisible"
                @change="handleInputConfirm"
                filterable
                placeholder="请选择"
              >
                <el-option
                  v-for="item in options"
                  :key="item.label"
                  :label="item.label"
                  :value="item.label"
                >
                </el-option>
              </el-select>
              <el-button
                v-else
                class="button-new-tag"
                size="small"
                @click="showInput"
                >+ æ–°å¢žæ ‡ç­¾</el-button
              >
            </div>
          </el-form-item>
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="版本号" prop="name">
                <el-input v-model="currentVersion"></el-input> </el-form-item
            ></el-col>
            <el-col :span="9">
              <el-form-item label="可用状态" prop="region">
                <el-select
                  v-model="ruleForm.classify"
                  size="medium"
                  multiple
                  filterable
                  placeholder="请选择分类"
                >
                  <el-option
                    class="ruleFormaa"
                    v-for="item in options"
                    :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
              v-model="ruleForm.way"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in xjxsoptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="适用疾病" prop="region">
            <el-select
              v-model="ruleForm.illness"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="适用院区" prop="region">
            <el-select
              v-model="ruleForm.courtyard"
              size="medium"
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="适用科室" prop="region">
            <el-select
              v-model="ruleForm.administrative"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
            >
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="success" @click="submitForm('ruleForm')"
            <el-button type="success" @click="nextstep('ruleForm')"
              >下一步</el-button
            >
            <el-button @click="resetForm('ruleForm')">重置</el-button>
            <el-button type="info" @click="closeFm('ruleForm')">关闭</el-button>
            <el-button @click="submitForm('ruleForm')"
              >保存问卷基础信息</el-button
            >
          </el-form-item>
        </el-form>
      </div>
      <!-- é—®å·è®¾ç½® -->
      <div v-if="Editprogress == 2">
        <div class="leftvlue-jbxx">问卷设置</div>
        <el-form
          :model="ruleForm"
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="问卷介绍" prop="desc">
            <el-cascader
              class="demo-cascader"
              v-model="ruleForm.templatevalue"
              :options="options"
              :props="{ expandTrigger: 'hover' }"
            ></el-cascader>
            <el-select v-model="ruleForm.data2" placeholder="提交提示">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
            <div style="display: flex; margin-top: 20px">
              <div class="PreviewTemplate" @click="PreviewTemplate()">
                é¢„览模版
              </div>
              <el-button type="primary">确认引用</el-button>
            </div>
          </el-form-item>
          <el-form-item label="活动形式" prop="desc">
            <el-input type="textarea" v-model="ruleForm.desc"></el-input>
          </el-form-item>
          <el-form-item label="活动形式" prop="desc">
            <el-input type="textarea" v-model="ruleForm.desc"></el-input>
        <div class="leftvlue-jbxx">问卷题目设置</div>
        <el-divider></el-divider>
            <div class="addtopic">
              <el-select
                v-model="addvalue"
                @change="changeaddtopic"
                class="addtopic-input"
          <el-button
            type="primary"
            icon="el-icon-plus"
            round
            @click="drawer = true"
            >添加题目</el-button
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </div>

            <div class="presentation">
              <div class="presentation-left">
            <el-card class="box-card" style="min-height: 688px">
                <el-table v-loading="loading" :data="userList">
                  <el-table-column
                    label="序号"
@@ -137,54 +264,38 @@
                    prop="userName"
                    :show-overflow-tooltip="true"
                  />
                <el-table-column
                  label="主要内容"
                  align="center"
                  key="maincontent"
                  prop="maincontent"
                  :show-overflow-tooltip="true"
                />

                  <el-table-column
                    label="操作"
                    align="center"
                    width="300"
                  width="200"
                    class-name="small-padding fixed-width"
                  >
                    <template slot-scope="scope">
                      <!-- <el-button
                        size="medium"
                        type="text"
                        @click="goQRCode(scope.row)"
                        v-hasPermi="['system:user:edit']"
                      >
                        <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
                      > -->
                      <el-button
                        size="medium"
                        type="text"
                      icon="el-icon-edit"
                      type="primary"
                      round
                        @click="handleUpdate(scope.row)"
                        v-hasPermi="['system:user:edit']"
                        ><span class="button-textxg"
                          ><i class="el-icon-scissors"></i>修改</span
                        ></el-button
                      >修改</el-button
                      >
                      <el-button
                        size="medium"
                        type="text"
                      type="danger"
                      icon="el-icon-delete"
                      circle
                        @click="handleDelete(scope.row)"
                        v-hasPermi="['system:user:remove']"
                        ><span class="button-textsc"
                          ><i class="el-icon-delete"></i>删除</span
                        ></el-button
                      >
                    ></el-button>
                    </template>
                  </el-table-column>
                </el-table>
            </el-card>

                <pagination
                  v-show="total > 0"
@@ -195,33 +306,106 @@
                />
              </div>
              <div class="presentation-right">
                <div class="headline">题目设置详情</div>
                <div>题目标题：<span>这家机构怎么样</span></div>
                <div>是否必答：<span>是</span> æ˜¯å¦éšè—ï¼š<span>否</span></div>
                <div class="headline">选项设置</div>
                <div>
                  <p>选项1:<span>医疗机构</span></p>
                  <p>
                    å¡«å†™æ˜Žç»†ï¼š<span>无</span> å¼‚常选项：<span>无</span>
                    åˆ†å€¼ï¼š<span>3</span>
                  </p>
                  <p>选中提示：<span>这个题有点难请注意</span></p>
                  <p>选中跳转：<span>无</span></p>
            <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>
              </div>
            </div>
                <el-form-item label="题目标题">
                  <el-input
                    v-model="topicobj.title"
                    placeholder="请输入标题"
                  ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="success" @click="submitForm('ruleForm')"
                <el-row :gutter="10">
                  <el-col :span="12"
                    ><el-form-item label="是否必答">
                      <el-radio-group v-model="topicobj.resource">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                      </el-radio-group> </el-form-item
                  ></el-col>
                  <el-col :span="12"
                    ><el-form-item label="是否隐藏">
                      <el-radio-group v-model="topicobj.resourcea">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                      </el-radio-group> </el-form-item
                  ></el-col>
                </el-row>
                <div class="headline">选项设置</div>
                <div class="topicxq" v-for="item in 2">
                  <el-row :gutter="10">
                    <el-col :span="12"
                      ><el-form-item label="选项">
                        <el-input
                          type="text"
                          placeholder="请输入选项"
                          v-model="text"
                          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="text"
                          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="请输入内容"
                          v-model="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="text"
                          show-word-limit
                        >
                        </el-input> </el-form-item
                    ></el-col>
                  </el-row>
                </div>
              </el-form>
            </el-card>
          </div>
        </div>

        <el-button type="success" @click="nextstep('ruleForm')"
              >下一步</el-button
            >
            <el-button type="primary" @click="laststep()">上一步</el-button>
            <el-button @click="resetForm('ruleForm')">重置</el-button>
          </el-form-item>
        </el-form>
        <el-button type="info" @click="closeFm('ruleForm')">关闭</el-button>
        <el-button @click="Saveproblem('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">
@@ -267,133 +451,100 @@
            </div>
          </div>
        </div>
        <el-button type="success" @click="submitForm('ruleForm')"
          >下一步</el-button
        >
        <el-button type="info" @click="closeFm('ruleForm')">关闭</el-button>
        <el-button>导出为pdf</el-button>
        <el-button type="primary" @click="laststep()">上一步</el-button>
        <!-- <el-button @click="resetForm('ruleForm')">重置</el-button> -->
      </div>
      <!-- ç»“果反馈 -->
      <div v-if="Editprogress == 4">
        <el-form
          :model="ruleForm"
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="活动名称" prop="name">
            <el-input v-model="ruleForm.name"></el-input>
          </el-form-item>
          <el-form-item label="活动区域" prop="region">
            <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="活动时间" required>
            <el-col :span="11">
              <el-form-item prop="date1">
                <el-date-picker
                  type="date"
                  placeholder="选择日期"
                  v-model="ruleForm.date1"
                  style="width: 100%"
                ></el-date-picker>
              </el-form-item>
            </el-col>
            <el-col class="line" :span="2">-</el-col>
            <el-col :span="11">
              <el-form-item prop="date2">
                <el-time-picker
                  placeholder="选择时间"
                  v-model="ruleForm.date2"
                  style="width: 100%"
                ></el-time-picker>
              </el-form-item>
            </el-col>
          </el-form-item>
          <el-form-item label="即时配送" prop="delivery">
            <el-switch v-model="ruleForm.delivery"></el-switch>
          </el-form-item>
          <el-form-item label="活动性质" prop="type">
            <el-checkbox-group v-model="ruleForm.type">
              <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
              <el-checkbox label="地推活动" name="type"></el-checkbox>
              <el-checkbox label="线下主题活动" name="type"></el-checkbox>
              <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="特殊资源" prop="resource">
            <el-radio-group v-model="ruleForm.resource">
              <el-radio label="线上品牌商赞助"></el-radio>
              <el-radio label="线下场地免费"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="活动形式" prop="desc">
            <el-input type="textarea" v-model="ruleForm.desc"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="success" @click="submitForm('ruleForm')"
              >立即创建</el-button
            >
            <el-button type="primary" @click="laststep()">上一步</el-button>
            <el-button @click="resetForm('ruleForm')">重置</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <!-- é¢„览模版弹窗 -->
    <el-drawer
      title="问卷预览"
      title="添加题目"
      :visible.sync="drawer"
      custom-class="demo-drawer"
      width="50%"
    >
      <div class="preview-left">
        <!-- å•é€‰ -->
        <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
          <div class="dev-text">
            {{ item.idd }}、[单选]&nbsp&nbsp<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-form
          :model="queryParams"
          ref="queryForm"
          size="small"
          :inline="true"
          label-width="98px"
              >
            </el-radio-group>
          </div>
        </div>
        <!-- å¤šé€‰ -->
        <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
          <div class="dev-text">
            {{ item.idd }}、[多选]&nbsp&nbsp<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"
          <el-form-item label="标题" prop="userName">
            <el-input
              v-model="queryParams.userName"
              placeholder="请输入"
              clearable
              style="width: 200px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="主题" prop="sickness">
            <el-select
              v-model="ruleForm.classify"
              size="medium"
              multiple
              filterable
              placeholder="请选择分类"
              >
                {{ 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 }}、[填空]&nbsp&nbsp<span>{{ item.wssd }}</span>
          </div>
          <div class="dev-xx">
            <el-input placeholder="请输入答案" v-model="radioas" clearable>
            </el-input>
          </div>
        </div>
              <el-option
                class="ruleFormaa"
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="medium"
              @click="handleQuery"
              >搜索</el-button
            >
            <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="userid"
            prop="userid"
            width="100"
          />
          <el-table-column
            label="问题内容"
            align="center"
            key="userName"
            prop="userName"
            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="handleUpdate(scope.row)"
                ><span class="button-textxg"
                  ><i class="el-icon-circle-plus-outline"></i>添加</span
                ></el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-drawer>
  </div>
@@ -411,6 +562,10 @@
      radio: "false", //单选题选中
      radios: [], //多选题选中
      radioas: "", //填空题答案
      dynamicTags: ["标签一", "标签二", "标签三"],
      inputVisible: false,
      inputValue: "",
      topicobj: {},
      // æ€»æ¡æ•°
      total: 1,
      ruleForm: {
@@ -426,333 +581,56 @@
        data2: "",
      },
      rules: {},
      rulesa: {
        name: [
          { required: true, message: "请输入活动名称", trigger: "blur" },
          { min: 3, max: 5, message: "长度在 3 åˆ° 5 ä¸ªå­—符", trigger: "blur" },
        ],
        region: [
          { required: true, message: "请选择活动区域", trigger: "change" },
        ],
        date1: [
      rulesa: {},
      xjxsoptions: [
          {
            type: "date",
            required: true,
            message: "请选择日期",
            trigger: "change",
          value: "选项1",
          label: "图文",
          },
        ],
        date2: [
          {
            type: "date",
            required: true,
            message: "请选择时间",
            trigger: "change",
          value: "选项2",
          label: "视频",
          },
        ],
        type: [
          {
            type: "array",
            required: true,
            message: "请至少选择一个活动性质",
            trigger: "change",
          value: "选项3",
          label: "音频",
          },
        ],
        resource: [
          { required: true, message: "请选择活动资源", trigger: "change" },
        ],
        desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
      fileList: [
        {
          name: "food.jpeg",
          url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
      },
      // options: [
      //   {
      //     value: "选项1",
      //     label: "黄金糕",
      //   },
      //   {
      //     value: "选项2",
      //     label: "双皮奶",
      //   },
      //   {
      //     value: "选项3",
      //     label: "蚵仔煎",
      //   },
      //   {
      //     value: "选项4",
      //     label: "龙须面",
      //   },
      //   {
      //     value: "选项5",
      //     label: "北京烤鸭",
      //   },
      // ],
        {
          name: "food2.jpeg",
          url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
        },
      ],
      options: [
        {
          value: "zhinan",
          label: "指南",
          children: [
            {
              value: "shejiyuanze",
              label: "设计原则",
              children: [
                {
                  value: "yizhi",
                  label: "一致",
          value: "选项1",
          label: "疾病问卷",
                },
                {
                  value: "fankui",
                  label: "反馈",
          value: "选项2",
          label: "入院问卷",
                },
                {
                  value: "xiaolv",
                  label: "效率",
          value: "选项3",
          label: "手术问卷",
                },
                {
                  value: "kekong",
                  label: "可控",
          value: "选项4",
          label: "护理问卷",
                },
              ],
            },
      variablelist: [
            {
              value: "daohang",
              label: "导航",
              children: [
                {
                  value: "cexiangdaohang",
                  label: "侧向导航",
                },
                {
                  value: "dingbudaohang",
                  label: "顶部导航",
          variable: "paitent",
          value: "表示患者的标识",
                },
              ],
            },
          ],
        },
        {
          value: "zujian",
          label: "组件",
          children: [
            {
              value: "basic",
              label: "Basic",
              children: [
                {
                  value: "layout",
                  label: "Layout å¸ƒå±€",
                },
                {
                  value: "color",
                  label: "Color è‰²å½©",
                },
                {
                  value: "typography",
                  label: "Typography å­—体",
                },
                {
                  value: "icon",
                  label: "Icon å›¾æ ‡",
                },
                {
                  value: "button",
                  label: "Button æŒ‰é’®",
                },
              ],
            },
            {
              value: "form",
              label: "Form",
              children: [
                {
                  value: "radio",
                  label: "Radio å•é€‰æ¡†",
                },
                {
                  value: "checkbox",
                  label: "Checkbox å¤šé€‰æ¡†",
                },
                {
                  value: "input",
                  label: "Input è¾“入框",
                },
                {
                  value: "input-number",
                  label: "InputNumber è®¡æ•°å™¨",
                },
                {
                  value: "select",
                  label: "Select é€‰æ‹©å™¨",
                },
                {
                  value: "cascader",
                  label: "Cascader çº§è”选择器",
                },
                {
                  value: "switch",
                  label: "Switch å¼€å…³",
                },
                {
                  value: "slider",
                  label: "Slider æ»‘块",
                },
                {
                  value: "time-picker",
                  label: "TimePicker æ—¶é—´é€‰æ‹©å™¨",
                },
                {
                  value: "date-picker",
                  label: "DatePicker æ—¥æœŸé€‰æ‹©å™¨",
                },
                {
                  value: "datetime-picker",
                  label: "DateTimePicker æ—¥æœŸæ—¶é—´é€‰æ‹©å™¨",
                },
                {
                  value: "upload",
                  label: "Upload ä¸Šä¼ ",
                },
                {
                  value: "rate",
                  label: "Rate è¯„分",
                },
                {
                  value: "form",
                  label: "Form è¡¨å•",
                },
              ],
            },
            {
              value: "data",
              label: "Data",
              children: [
                {
                  value: "table",
                  label: "Table è¡¨æ ¼",
                },
                {
                  value: "tag",
                  label: "Tag æ ‡ç­¾",
                },
                {
                  value: "progress",
                  label: "Progress è¿›åº¦æ¡",
                },
                {
                  value: "tree",
                  label: "Tree æ ‘形控件",
                },
                {
                  value: "pagination",
                  label: "Pagination åˆ†é¡µ",
                },
                {
                  value: "badge",
                  label: "Badge æ ‡è®°",
                },
              ],
            },
            {
              value: "notice",
              label: "Notice",
              children: [
                {
                  value: "alert",
                  label: "Alert è­¦å‘Š",
                },
                {
                  value: "loading",
                  label: "Loading åŠ è½½",
                },
                {
                  value: "message",
                  label: "Message æ¶ˆæ¯æç¤º",
                },
                {
                  value: "message-box",
                  label: "MessageBox å¼¹æ¡†",
                },
                {
                  value: "notification",
                  label: "Notification é€šçŸ¥",
                },
              ],
            },
            {
              value: "navigation",
              label: "Navigation",
              children: [
                {
                  value: "menu",
                  label: "NavMenu å¯¼èˆªèœå•",
                },
                {
                  value: "tabs",
                  label: "Tabs æ ‡ç­¾é¡µ",
                },
                {
                  value: "breadcrumb",
                  label: "Breadcrumb é¢åŒ…屑",
                },
                {
                  value: "dropdown",
                  label: "Dropdown ä¸‹æ‹‰èœå•",
                },
                {
                  value: "steps",
                  label: "Steps æ­¥éª¤æ¡",
                },
              ],
            },
            {
              value: "others",
              label: "Others",
              children: [
                {
                  value: "dialog",
                  label: "Dialog å¯¹è¯æ¡†",
                },
                {
                  value: "tooltip",
                  label: "Tooltip æ–‡å­—提示",
                },
                {
                  value: "popover",
                  label: "Popover å¼¹å‡ºæ¡†",
                },
                {
                  value: "card",
                  label: "Card å¡ç‰‡",
                },
                {
                  value: "carousel",
                  label: "Carousel èµ°é©¬ç¯",
                },
                {
                  value: "collapse",
                  label: "Collapse æŠ˜å é¢æ¿",
                },
              ],
            },
          ],
        },
        {
          value: "ziyuan",
          label: "资源",
          children: [
            {
              value: "axure",
              label: "Axure Components",
            },
            {
              value: "sketch",
              label: "Sketch Templates",
            },
            {
              value: "jiaohu",
              label: "组件交互文档",
            },
          ],
        },
      ],

      valssu: [
        {
          idd: 1,
@@ -760,21 +638,6 @@
          sdadd: ["sss", "ssccss", "ssaas", "ss"],
        },
      ],
      // options: [
      //   {
      //     value: "选项1",
      //     label: "单选",
      //   },
      //   {
      //     value: "选项2",
      //     label: "多选",
      //     disabled: true,
      //   },
      //   {
      //     value: "选项3",
      //     label: "填空",
      //   },
      // ],
      addvalue: "添加题目",
      // é¢˜ç›®è¡¨æ ¼æ•°æ®
      userList: [
@@ -812,9 +675,6 @@

  methods: {
    submitForm(formName) {
      if (this.Editprogress <= 3) {
        return this.Editprogress++;
      }
      this.rules = this.rulesa;
      //   æäº¤
      this.$refs[formName].validate((valid) => {
@@ -826,6 +686,33 @@
        }
      });
    },
    // ä¸‹ä¸€æ­¥
    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: '已取消'
          });          
        });
    },
    // ä¿å­˜é¢˜ç›®ä¿¡æ¯
    Saveproblem() {},
    /** æŸ¥è¯¢é¢˜ç›®åˆ—表 */
    getList() {
      //   this.loading = true;
@@ -840,18 +727,51 @@
      //   console.log(rows);
      //   this.list = rows;
    },
    changeaddtopic(val) {
      console.log(11);
      console.log(val);
      this.addvalue = "添加题目";
    // ä¿®æ”¹é¢˜ç›®ä¿¡æ¯
    Submittopicobj() {},
    // æ–°å¢žå˜é‡
    addvariable() {
      this.variablelist.push({
        variable: "",
        value: "",
      });
    },
    // é¢„览模版
    PreviewTemplate() {
      this.drawer = true;
    // åˆ é™¤å˜é‡
    delvariable(item) {
      const index = this.variablelist.indexOf(item);
      if (index !== -1) {
        this.variablelist.splice(index, 1); // ä»Žç´¢å¼•ä½ç½®åˆ é™¤ä¸€ä¸ªå…ƒç´ 
      } else {
        console.log("未找到该对象");
      }
    },
    laststep() {
      this.Editprogress--;
    // æŽ§åˆ¶æ–‡ä»¶
    handleChange(file, fileList) {
      this.fileList = fileList.slice(-3);
    },
    // æ ‡ç­¾-----------------
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },
    handleInputConfirm() {
      let inputValue = this.inputValue;
      if (inputValue) {
        this.dynamicTags.push(inputValue);
      }
      this.inputVisible = false;
      this.inputValue = "";
    },
    showInput() {
      this.inputVisible = true;
      // è‡ªåŠ¨èŽ·å–焦点
      // this.$nextTick((_) => {
      //   this.$refs.saveTagInput.$refs.input.focus();
      // });
    },
    // --------------------------
    // æŸ¥è¯¢é¢˜åº“
    handleQuery() {},
    resetQuery() {},
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
@@ -892,12 +812,10 @@
    font-size: 20px;
  }
  .leftvlue-jbxx {
    margin-bottom: 50px;
    font-size: 20px;
    span {
      position: absolute;
      right: 80px;
    }
    font-size: 24px;
      border-left: 5px solid #41a1be;
      padding-left: 5px;
      margin: 15px 0;
  }
  .demo-cascader {
    margin-right: 20px;
@@ -925,6 +843,30 @@
    }
  }
}
.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;
}
@@ -933,7 +875,7 @@
  display: flex;
  .presentation-left {
    width: 50%;
    height: 500px;
    // height: 500px;
    .button-textxg {
      color: #024df0;
    }
@@ -943,20 +885,22 @@
  }
  .presentation-right {
    width: 50%;
    height: 500px;
    padding: 20px;
    max-height: 688px;
    padding: 0 20px;
    font-size: 18px;
    border: 1px solid #909091;
    span {
      padding: 0 35px;
      margin-right: 10px;
      border-bottom: 1px solid #909091;
    }
    overflow: auto;
    .headline {
      font-size: 20px;
      border-left: 3px solid #41a1be;
      padding-left: 5px;
      margin: 15px 0;
    }
    .topicxq {
      background-color: #e2f5fc;
      border-radius: 4px;
      margin-top: 10px;
      padding-left: 10px;
      padding-top: 15px;
    }
  }
}
@@ -971,7 +915,7 @@
  font-size: 25px;
}
::v-deep.el-input--medium {
  font-size: 24px !important;
  font-size: 18px !important;
}
::v-deep.ruleFormaa.el-select {
  display: inline-block;

 src/views/knowledge/questionnaire/index.vue

@@ -21,7 +21,49 @@
        </el-input>
      </div>
      <div class="bottom-fl">
        <el-tabs tab-position="right">
        <el-menu
          default-active="3"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          @select="handleSelect"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>分类一</span>
            </template>

            <el-menu-item index="1-1">选项1</el-menu-item>
            <el-menu-item index="1-2">选项2</el-menu-item>
            <el-menu-item index="1-3">选项3</el-menu-item>
            <el-menu-item index="1-4">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>分类二</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>分类三</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-setting"></i>
              <span>分类四</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
        </el-menu>
        <!-- <el-tabs tab-position="right">
          <el-tab-pane :label="`全部 (${numberlb})`"></el-tab-pane>
          <el-tab-pane
            class="tab-paness"
@@ -48,21 +90,11 @@
                <i slot="reference" class="el-icon-share"></i> </el-popover
            ></span>
          </el-tab-pane>
        </el-tabs>
        </el-tabs> -->
      </div>
    </div>
    <!-- å³ä¾§æ•°æ® -->
    <div class="leftvlue">
      <div class="leftvlue-top">
        <el-tabs v-model="topactiveName" @tab-click="tophandleClick">
          <el-tab-pane name="Local">
            <span class="mulsz" slot="label">本地问卷库 </span>
          </el-tab-pane>
          <el-tab-pane name="sharing">
            <span class="mulsz" slot="label">共享问卷库 </span>
          </el-tab-pane>
        </el-tabs>
      </div>
      <div class="leftvlue-bg">
        <el-row :gutter="20">
          <!--用户数据-->
@@ -84,13 +116,58 @@
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="适用疾病" prop="status">
              <el-form-item label="适用科室" prop="sickness">
                <el-cascader
                  v-model="queryParams.status"
                  v-model="queryParams.sickness"
                  :options="optionss"
                  :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="optionss"
                  :props="propss"
                  clearable
                ></el-cascader>
              </el-form-item>
              <el-form-item label="内容形式" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="(item, index) in editableTabs"
                    :key="index++"
                    :label="item.title"
                    :value="index++"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="可用状态" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="(item, index) in editableTabsky"
                    :key="index++"
                    :label="item.title"
                    :value="index++"
                  >
                  </el-option>
                </el-select>
              </el-form-item>

              <el-form-item>
@@ -135,18 +212,11 @@
                  >删除</el-button
                >
              </el-col>

              <!-- <el-col :span="1.5"> </el-col> -->
            </el-row>
            <!-- <right-toolbar
          :showSearch.sync="showSearch"
          @queryTable="getList"
          :columns="columns"
        ></right-toolbar> -->
            <el-table
              v-loading="loading"
              :data="userList"
              border="true"
              :border="true"
              @selection-change="handleSelectionChange"
            >
              <el-table-column type="selection" width="50" align="center" />
@@ -155,14 +225,12 @@
                align="center"
                key="userId"
                prop="userId"
                v-if="columns[0].visible"
              />
              <el-table-column
                label="问卷名称"
                label="问卷标题"
                align="center"
                key="userName"
                prop="userName"
                v-if="columns[1].visible"
                :show-overflow-tooltip="true"
              />
              <el-table-column
@@ -170,23 +238,65 @@
                align="center"
                key="nickName"
                prop="nickName"
                v-if="columns[2].visible"
                :show-overflow-tooltip="true"
              />

              <el-table-column
                label="主要内容"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                width="120"
              /><el-table-column
                label="适用疾病"
                align="center"
                key="aphonenumber"
                prop="aphonenumber"
                v-if="columns[4].visible"
                width="120"
              /><el-table-column
                label="问卷描述"
              />
              <el-table-column
                label="适用科室"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                v-if="columns[4].visible"
                key="administrative"
                prop="administrative"
                width="120"
              />
              <el-table-column
                label="标签"
                align="center"
                key="tagList"
                prop="tagList"
                width="160"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <span v-for="item in scope.row.tagList">{{ item }} </span>
                </template>
              </el-table-column>
              <el-table-column
                label="宣教方式"
                align="center"
                key="wayList"
                prop="wayList"
                width="160"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <span v-for="item in scope.row.wayList">{{ item }} </span>
                </template>
              </el-table-column>
              <el-table-column
                label="资料形式"
                align="center"
                key="cphonenumaber"
                prop="cphonenumaber"
                width="120"
              />
              <el-table-column
                label="可用"
                align="center"
                key="cphonenumbker"
                prop="cphonenumbker"
                width="120"
              />
              <el-table-column
@@ -194,7 +304,6 @@
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                v-if="columns[4].visible"
                width="120"
              />

@@ -367,6 +476,17 @@
      :visible.sync="dialogFormVisible"
    >
      <el-form :model="classifyform">
        <el-form-item label="请选择问卷大类">
          <el-select v-model="classifyform.broadheading" placeholder="请选择">
            <el-option
              v-for="item in optionss"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="amendtag ? '请输入新的类别名称' : '请输入类别名称'"
        >
@@ -517,6 +637,16 @@
          number: "2",
        },
      ],
      editableTabsky: [
        {
          title: "可用",
          number: "1",
        },
        {
          title: "停用",
          number: "2",
        },
      ],
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
        pageNum: 1,
@@ -644,6 +774,16 @@
        this.deletefenl = row.title;
      }
    },
    // ä¾§è¾¹--------------
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    //搜索类别
    sidecolumnss() {},
    // åˆ‡æ¢å…±äº«/本地

 src/views/patient/follow/index.vue

@@ -20,24 +20,7 @@
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="患者编号" prop="iccardno">
            <el-input
              v-model="queryParams.iccardno"
              placeholder="请输入患者编号"
              clearable
              style="width: 250px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="患者编号" prop="telcode">
            <el-input
              v-model="queryParams.telcode"
              placeholder="请输入患者编号"
              clearable
              style="width: 280px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>

          <el-form-item label="患者范围" prop="tagId">
            <el-select
              v-model="queryParams.Patientid"
@@ -53,31 +36,36 @@
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="是否会员" prop="tagId">
            <el-select
              v-model="queryParams.whether"
              multiple
              placeholder="请选择"
            >
              <el-option
                v-for="item in whether"
                :key="item.id"
                :label="item.name"
                :value="item.id"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-row>
            <el-form-item label="患者标签" prop="tagId">
            <el-form-item label="过滤类型" prop="tagId">
              <el-select
                v-model="queryParams.tagIds"
                multiple
                placeholder="请选择"
              >
                <el-option
                  v-for="item in optionstag"
                  :key="item.tagid"
                  :label="item.tagname"
                  :value="item.tagid"
                  v-for="item in Filterreason"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label=" å°±è¯Šæ—¥æœŸ " prop="admitdate">
              <el-date-picker
                clearable
                v-model="queryParams.admitdate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="请选择 å°±è¯Šæ—¥æœŸ "
              >
              </el-date-picker>
            </el-form-item>
            <el-form-item>
              <el-button
@@ -160,33 +148,23 @@
            prop="age"
            width="120"
          />
       
          <el-table-column
            label="出生年月"
            align="center"
            key="archivetime"
            prop="archivetime"
            width="160"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.createTime) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="家庭住址"
            label="证件编号"
            align="center"
            key="age"
            prop="age"
            width="120"
          />
          <el-table-column
            label="黑名单原因"
            label="过滤类型"
            align="center"
            key="age"
            prop="age"
            width="120"
          />
          <el-table-column
            label="患者标签"
            label="过滤原因"
            align="center"
            key="tagList"
            prop="tagList"
@@ -204,13 +182,12 @@
            prop="iccardtype"
            width="120"
          /><el-table-column
            label="证件号码"
            label="证件编号"
            align="center"
            key="iccardno"
            prop="iccardno"
            width="190"
          />

          <el-table-column
            label="联系方式"
            align="center"
@@ -219,20 +196,17 @@
            width="120"
          />
          <el-table-column
            label="建档日期"
            label="家庭住址"
            align="center"
            key="iccardno"
            prop="iccardno"
            width="190"
          />
          <el-table-column
            label="操作日期"
            align="center"
            key="archivetime"
            prop="archivetime"
            width="160"
          >
            <template slot-scope="scope">
              <span>{{ parseTime(scope.row.createTime) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="更新日期"
            align="center"
            prop="updateTime"
            width="160"
          >
            <template slot-scope="scope">
@@ -266,7 +240,7 @@
                @click="handleUpdate(scope.row)"
                v-hasPermi="['system:user:edit']"
                ><span class="button-textxga"
                  ><i class="el-icon-edit"></i>取消黑名单</span
                  ><i class="el-icon-edit"></i>取消过滤</span
                ></el-button
              >
            </template>
@@ -488,13 +462,49 @@
      optionstag: [], //标签列表
      Patientrange: [
        {
          name: "全部",
          name: "门诊",
          id: 1,
        },
        {
          name: "当前科室",
          name: "住院",
          id: 2,
        },
        {
          name: "体检",
          id: 3,
        },
      ],
      whether: [
        {
          name: "是",
          id: 1,
        },
        {
          name: "否",
          id: 2,
        },
      ],
      Filterreason: [
        {
          name: "患者死亡",
          id: 1,
        },
        {
          name: "频繁就诊",
          id: 2,
        },
        {
          name: "患者拒绝服务",
          id: 3,
        },
        {
          name: "联系方式无效",
          id: 4,
        },
        {
          name: "黑名单",
          id: 5,
        },
      ],
      defaultProps: {
        children: "children",

 src/views/patient/patient/index.vue

@@ -9,17 +9,12 @@
      <div class="bottom-fl">
        <el-tabs
          tab-position="right"
          v-model="activeName"
          v-model="queryParams.allhosp"
          @tab-click="handleClick"
        >
          <!-- <el-tab-pane label="全部" name="first"></el-tab-pane>
          <el-tab-pane label="在院" name="Inhospital"></el-tab-pane>
          <el-tab-pane label="离院" name="Discharge"></el-tab-pane>
          <el-tab-pane label="预约" name="subscribe"></el-tab-pane>
          <el-tab-pane label="已检" name="checked"></el-tab-pane> -->
          <el-tab-pane label="住院患者" name="behospitalized"></el-tab-pane>
          <el-tab-pane label="门诊患者" name="outpatient"></el-tab-pane>
          <el-tab-pane label="体检患者" name="physical"></el-tab-pane>
          <el-tab-pane label="住院患者" name="1"></el-tab-pane>
          <el-tab-pane label="门诊患者" name="2"></el-tab-pane>
          <el-tab-pane label="体检患者" name="3"></el-tab-pane>
        </el-tabs>
      </div>
    </div>
@@ -102,7 +97,6 @@
                  align="right"
                  type="date"
                  placeholder="选择日期"
                  :picker-options="pickerOptionsa"
                >
                </el-date-picker>
              </el-form-item>
@@ -174,7 +168,7 @@
                  >删除</el-button
                >
              </el-col>
              <el-col :span="19">
              <el-col :span="6">
                <div class="documentf">
                  <div class="document">
                    <el-button
@@ -235,16 +229,13 @@
              <el-table-column
                label="出生年月"
                align="center"
                key="archivetime"
                prop="archivetime"
                key="birthdate"
                prop="birthdate"
                width="160"
              >
                <template slot-scope="scope">
                  <span>{{ parseTime(scope.row.createTime) }}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="家庭住址"
                label="居住地"
                align="center"
                key="age"
                prop="age"
@@ -286,13 +277,10 @@
              <el-table-column
                label="建档日期"
                align="center"
                key="archivetime"
                prop="archivetime"
                key="uploadTime"
                prop="uploadTime"
                width="160"
              >
                <template slot-scope="scope">
                  <span>{{ parseTime(scope.row.createTime) }}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="更新日期"
@@ -367,7 +355,7 @@
    >
      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
        <el-row>
          <el-col :span="12">
          <el-col :span="8">
            <el-form-item label="姓名" prop="name">
              <el-input
                v-model="form.name"
@@ -376,7 +364,7 @@
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
          <el-col :span="8">
            <el-form-item label="性别" prop="sex">
              <el-select v-model="form.sex" placeholder="请选择性别">
                <el-option
@@ -386,6 +374,44 @@
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="民族" prop="age">
              <el-input
                v-model="form.age"
                placeholder="请输入年龄"
                maxlength="30"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="民族" prop="name">
              <el-input
                v-model="form.name"
                placeholder="请输入民族"
                maxlength="30"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="籍贯" prop="age">
              <el-input
                v-model="form.age"
                placeholder="请输入籍贯"
                maxlength="30"
              />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="联系方式" prop="telcode">
              <el-input
                v-model="form.telcode"
                placeholder="请输入联系方式"
                maxlength="30"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -414,49 +440,34 @@
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="本人手机号" prop="telcode">
            <el-form-item label="出生地" prop="iccardno">
              <el-input
                v-model="form.telcode"
                placeholder="请输入手机号"
                maxlength="30"
                v-model="form.iccardno"
                placeholder="国、省、地市、区县、街道等详细信息"
                maxlength="50"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="亲属手机号" prop="relativetelcode">
            </el-form-item> </el-col
          ><el-col :span="12">
            <el-form-item label="居住地" prop="iccardno">
              <el-input
                v-model="form.relativetelcode"
                placeholder="请输入亲属手机号"
                type="password"
                maxlength="20"
                show-password
                v-model="form.iccardno"
                placeholder="国、省、地市、区县、街道等详细信息"
                maxlength="50"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="年龄" prop="age">
              <el-input
                v-model="form.age"
                placeholder="请输入年龄"
                maxlength="30"
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="患者标签">
              <!-- <el-select v-model="form.sex" placeholder="请选择"> -->
              <el-select v-model="form.tagList" multiple placeholder="请选择">
          <el-col :span="24">
            <el-form-item label="患者类型">
              <el-select v-model="form.Patienttype" placeholder="请选择类型">
                <el-option
                  v-for="item in optionstag"
                  :key="item.tagid"
                  :label="item.tagname"
                  :value="item.tagid"
                >
                </el-option>
                  v-for="item in Patienttype"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </el-select>
              <!-- </el-select> -->
            </el-form-item>
          </el-col>
        </el-row>
@@ -518,7 +529,16 @@
              :underline="false"
              style="font-size: 24px; vertical-align: baseline"
              @click="importTemplate"
              >下载模板</el-link
              >下载模板
            </el-link>
            <el-link
              type="success"
              :underline="false"
              style="font-size: 24px; vertical-align: baseline"
              href="http://m.qpic.cn/psc?/V50ZTolo1AIhq00dqrJP2169QM2VHGTU/ruAMsa53pVQWN7FLK88i5qfmCJclyMduqqL6kjE4h7TXDAjimVtmLmTyGVfF4qlkyOISsYQ4Mxx705X2tkXEIUPrfCS4L4yK.f11SmO8Tq0!/b&bo=twb0AgAAAAADB2U!&rf=viewer_4"
              target="_blank"
            >
              æŸ¥çœ‹æ¨¡ç‰ˆ</el-link
            >
          </div>
        </el-upload>
@@ -539,6 +559,7 @@
          </el-table-column>
          <el-table-column prop="tag" label="患者标签"> </el-table-column>
          <el-table-column prop="erry" label="错误原因"> </el-table-column>
          <el-table-column prop="opinion" label="处理意见"> </el-table-column>
        </el-table>
        <pagination
          v-show="total > 0"
@@ -551,15 +572,46 @@
      <!-- å®Œæˆ -->
      <div class="drexamine" v-else-if="dractive == 3">
        <img
          src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
          src="@/assets/images/导入.png"
        />
        <p>导入患者成功！</p>
        <p>本次共计导入{{ ImportQuantity }}位患者</p>
        <p>
          æœ¬æ¬¡
          <span style="color: #158bb8; font-size: 20px;">{{ ImportQuantity }}</span>
          æ¡æ•°æ®æˆåŠŸå¯¼å…¥<span style="color: #72d3a9; font-size: 20px;">{{ ImportQuantity }}</span
          >位患者
        </p>
      </div>
      <div v-if="dractive == 3">
        <el-table :data="uploadingData" style="width: 100%" >
            <el-table-column prop="serial" label="序号"> </el-table-column>
            <el-table-column prop="name" label="姓名"> </el-table-column>
            <el-table-column prop="sex" label="性别"> </el-table-column>
            <el-table-column prop="certificate" label="证件类型">
            </el-table-column>
            <el-table-column prop="certificatenum" label="证件号码">
            </el-table-column>
            <el-table-column prop="goday" label="出生日期"> </el-table-column>
            <el-table-column prop="menum" label="本人联系方式"> </el-table-column>
            <el-table-column prop="younum" label="亲属联系方式">
            </el-table-column>
            <el-table-column prop="tag" label="患者标签"> </el-table-column>
            <el-table-column prop="erry" label="错误原因"> </el-table-column>
          <el-table-column prop="opinion" label="处理意见"> </el-table-column>
          </el-table>
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="geterryList"
          />
      </div>

      <div slot="footer" class="dialog-footer" v-if="dractive == 3">
        <!-- <el-button type="primary" @click="submitFileForm">下一步</el-button> -->
        <el-button @click="submitclose">完成</el-button>
        <el-button type="warning" @click="submitclose">导出失败数据</el-button>
      </div>
      <div slot="footer" v-else>
        <el-button type="primary" @click="submitFileForm">下一步</el-button>
@@ -631,6 +683,7 @@
      title: "",
      // éƒ¨é—¨æ ‘选项
      deptOptions: undefined,
      options: [],
      // æ˜¯å¦æ˜¾ç¤ºå¼¹å‡ºå±‚
      open: false,
      // éƒ¨é—¨åç§°
@@ -648,6 +701,21 @@
        { papersname: "中国港澳居民身份证" },
        { papersname: "中国台湾居民身份证" },
      ],
      Patienttype: [
        {
          value: "1",
          label: "住院患者",
        },
        {
          value: "2",
          label: "门诊患者",
        },
        {
          value: "3",
          label: "体检患者",
        },
      ],

      cardlist: [
        {
          name: "患者总数",
@@ -713,6 +781,7 @@
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
        pageNum: 1,
        allhosp: "1",
        pageSize: 10,
        iccardno: undefined,
        name: undefined,
@@ -788,6 +857,9 @@
        this.total = response.total;
        this.loading = false;
      });
    },
    handleClick() {
      this.getList();
    },
    /** æŸ¥è¯¢æ ‡ç­¾åˆ—表 */
    gettabList() {
@@ -1090,11 +1162,11 @@
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  padding: 20px;
  background: #daeaf5;
  img {
    width: 100px;
    height: 100px;
    width: 50px;
    height: 50px;
  }
}
.button-textsc {

 src/views/patient/patient/profile/index.vue

@@ -3,57 +3,27 @@
    <!-- å¤´éƒ¨ç›’子 -->
    <div class="personages">
      <el-row :gutter="20">
        <el-col :span="4"
          ><div class="headportrait">
        <el-col :span="18">
          <div class="headportrait">
            <div class="text-center">
              <img v-imgError="require('@/assets/common/head.jpg')" src="" />
            </div>
            <div>吴大龙</div>
            <div style="margin-left: 10px">吴大龙</div>
            <div style="margin-left: 10px" class="text-title">男</div>
            <div style="margin-left: 10px" class="text-title">66岁</div>
            <div style="margin-left: 10px" class="text-title">1999.12.18</div>
            <div style="margin-left: 10px" class="text-title">汉族</div>
            <div style="margin-left: 10px" class="text-title">河南信阳</div>
          </div></el-col
        >
        <el-col :span="8"
          ><div class="xinz-inf">
            <el-tag
              :key="tag"
              v-for="tag in dynamicTags"
              closable
              :disable-transitions="false"
              @close="handleClose(tag)"
            >
              {{ tag }}
            </el-tag>
            <el-input
              class="input-new-tag"
              v-if="inputVisible"
              v-model="inputValue"
              ref="saveTagInput"
              size="small"
              @keyup.enter.native="handleInputConfirm"
              @blur="handleInputConfirm"
            >
            </el-input>
            <el-button
              v-else
              class="button-new-tag"
              size="small"
              @click="showInput"
              >+ æ–°å¢žæ ‡ç­¾</el-button
            >
          </div></el-col
        >
        <el-col :span="4"
          ><div class="info-xx">男<span>66岁</span></div></el-col
        >
        <el-col :span="4"><div class="info-xx">13803963330</div></el-col>
      </el-row>
    </div>

    <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane name="health">
        <span class="mulsz" slot="label"
          ><i class="el-icon-date"></i> å¥åº·æ¡£æ¡ˆ</span
          ><i class="el-icon-date"></i> æ‚£è€…档案</span
        >
        åŸºæœ¬ä¿¡æ¯
      </el-tab-pane>
      <el-tab-pane name="medical">
        <span class="mulsz" slot="label"
@@ -72,22 +42,7 @@
          >
          <el-tab-pane name="checkout"
            ><span class="mulsz" slot="label"
              >检验({{ jynumber }})
            </span></el-tab-pane
          >
          <el-tab-pane name="examine"
            ><span class="mulsz" slot="label"
              >检查({{ jcnumber }})
            </span></el-tab-pane
          >
          <el-tab-pane name="physical"
            ><span class="mulsz" slot="label">
              ä½“检({{ tjnumber }})</span
            ></el-tab-pane
          >
          <el-tab-pane name="pharmacy"
            ><span class="mulsz" slot="label"
              >用药({{ yynumber }})
              >体检({{ jynumber }})
            </span></el-tab-pane
          >
        </el-tabs>
@@ -113,6 +68,21 @@
              ><i class="el-icon-s-data"></i>体重
            </span></el-tab-pane
          >
          <el-tab-pane name="heartrate"
            ><span class="mulsz" slot="label"
              ><i class="el-icon-s-operation"></i>心率
            </span></el-tab-pane
          >
          <el-tab-pane name="bloodoxygen"
            ><span class="mulsz" slot="label"
              ><i class="el-icon-s-data"></i>血氧
            </span></el-tab-pane
          >
          <el-tab-pane name="animalheat"
            ><span class="mulsz" slot="label"
              ><i class="el-icon-s-opportunity"></i>体温
            </span></el-tab-pane
          >
        </el-tabs></el-tab-pane
      >
      <el-tab-pane name="serve">
@@ -127,36 +97,204 @@
      <div class="top-message">
        <div class="headline">基础信息</div>
        <div class="detailed">
          <div class="one-column">
            <div>患者姓名：<span class="spanvalue">王大美</span></div>
            <div>性别：<span class="spanvalue">男</span></div>
          <el-row :gutter="20">
            <el-col :span="12"
              ><div class="grid-content bg-purple">
                æ‚£è€…姓名：<span class="spanvalue">王大美</span>
              </div></el-col
            >
            <el-col :span="12"
              ><div class="grid-content bg-purple">
                è”系电话：<span class="spanvalue">13803963330</span>
              </div></el-col
            >
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24"
              ><div class="grid-content bg-purple">
                å‡ºç”Ÿåœ°ï¼š<span class="spanvalue"
                  >浙江省杭州市余杭区余杭街道</span
                >
              </div></el-col
            >
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24"
              ><div class="grid-content bg-purple">
                å±…住地：<span class="spanvalue"
                  >浙江省杭州市余杭区余杭街道</span
                >
              </div></el-col
            >
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24"
              ><div class="xinz-inf">
                <el-tag
                  :key="tag"
                  type="success"
                  v-for="tag in dynamicTags"
                  closable
                  :disable-transitions="false"
                  @close="handleClose(tag)"
                >
                  {{ tag }}
                </el-tag>
                <el-select
                  v-model="inputValue"
                  v-if="inputVisible"
                  @change="handleInputConfirm"
                  filterable
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in options"
                    :key="item.label"
                    :label="item.label"
                    :value="item.label"
                  >
                  </el-option>
                </el-select>

            <div>证件类型：<span class="spanvalue">身份证</span></div>
          </div>
          <div class="one-column">
            <div>出生日期：<span class="spanvalue">1999-01-02</span></div>

            <div>年龄：<span class="spanvalue">121</span></div>

            <div class="">
              è¯ä»¶å·ç ï¼š<span class="spanvalue">312223222322232223</span>
                <el-button
                  v-else
                  class="button-new-tag"
                  size="small"
                  @click="showInput"
                  >+ æ–°å¢žæ ‡ç­¾</el-button
                >
              </div></el-col
            >
          </el-row>
            </div>
          </div>
      <div class="top-message">
        <div class="headline">病史</div>
        <div class="detailed">
          <el-form ref="form" :model="form" :rules="rules" label-width="100px">
            <el-row>
              <el-col :span="8">
                <el-form-item label="过往疾病" prop="name">
                  <el-input
                    v-model="form.name"
                    placeholder="请输入"
                    maxlength="30"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="药物过敏" prop="sex">
                  <el-input
                    v-model="form.name"
                    placeholder="请输入具体药物/无"
                    maxlength="30"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="家族病史" prop="age">
                  <el-input
                    v-model="form.age"
                    placeholder="请输入具体疾病/无"
                    maxlength="30"
                  />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="8">
                <el-form-item label="手术史" prop="name">
                  <el-input
                    v-model="form.name"
                    placeholder="请输入手术/无"
                    maxlength="30"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="生育史" prop="age">
                  <el-input
                    v-model="form.age"
                    placeholder="请输入胎数/无"
                    maxlength="30"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="月经史" prop="telcode">
                  <el-radio-group v-model="form.radio">
                    <el-radio :label="1">有</el-radio>
                    <el-radio :label="2">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="8">
                <el-form-item label="吸烟情况" prop="iccardtype">
                  <el-radio-group v-model="form.radio">
                    <el-radio :label="1">有</el-radio>
                    <el-radio :label="2">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="饮酒情况" prop="iccardno">
                  <el-radio-group v-model="form.radios">
                    <el-radio :label="1">有</el-radio>
                    <el-radio :label="2">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="运动情况" prop="iccardno">
                  <el-radio-group v-model="form.radiosa">
                    <el-radio :label="1">有</el-radio>
                    <el-radio :label="2">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="饮食情况" prop="iccardno">
                  <el-radio-group v-model="form.radiosa">
                    <el-radio :label="1">多度饮食</el-radio>
                    <el-radio :label="2">正常饮食</el-radio>
                    <el-radio :label="2">食欲不振</el-radio>
                  </el-radio-group>
                </el-form-item> </el-col
              ><el-col :span="12">
                <el-form-item label="心理情况" prop="iccardno">
                  <el-radio-group v-model="form.radiosa">
                    <el-radio :label="1">心情愉悦</el-radio>
                    <el-radio :label="2">轻微焦虑</el-radio>
                    <el-radio :label="2">抑郁</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </div>
      <!-- è”系电话 -->
      <div class="bottom-message">
        <div class="headline">号码维护</div>
        <div class="headline">
          å·ç ç»´æŠ¤
          <el-button type="primary" @click="AddanumberVisible = true"
            >+新增</el-button
          >
        </div>
        <div class="Table-screen">
          <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="id" label="序号" width="180">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="180">
            </el-table-column>
            <el-table-column prop="phonenumber" label="联系方式" width="180">
            </el-table-column>
            <el-table-column prop="concern" label="关系"> </el-table-column>
            <el-table-column prop="source" label="联系人来源">
            </el-table-column>
            <el-table-column prop="default" label="默认联系方式">
            </el-table-column>
            <el-table-column
              label-class-name="columcz"
              fixed="right"
@@ -182,16 +320,19 @@
        <el-table :data="serviceData" style="width: 100%">
          <el-table-column prop="daya" label="就诊日期" width="180">
          </el-table-column>
          <el-table-column prop="hospitalname" label="医院名称" width="180">
          </el-table-column>
          <el-table-column prop="result" label="诊断结果"> </el-table-column>
          <el-table-column prop="administrative" label="就诊科室">
          <el-table-column prop="administrative" label="就诊科室" width="180">
          </el-table-column>
          <el-table-column prop="doctor" label="医生"> </el-table-column>
          <el-table-column label-class-name="columcz" label="操作" width="300">
            <template slot-scope="scope">
              <el-button type="text" size="small">详情</el-button>
            </template>
          <el-table-column prop="result" label="疾病诊断"> </el-table-column>
          <el-table-column prop="administrative" label="检验">
          </el-table-column>
          <el-table-column prop="administrative" label="检查">
          </el-table-column>
          <el-table-column prop="administrative" label="手术">
          </el-table-column>
          <el-table-column prop="administrative" label="用药">
          </el-table-column>
          <el-table-column prop="columcz" label="医嘱" width="200">
          </el-table-column>
        </el-table>

@@ -207,70 +348,39 @@
      <div v-if="sonactiveName == 'inhospital'">
        <el-table :data="serviceData" style="width: 100%">
          <el-table-column prop="godaya" label="入院日期"> </el-table-column>
          <el-table-column prop="hospitalname" label="医院名称">
          <el-table-column prop="hospitalname" label="出院时间">
          </el-table-column>
          <el-table-column prop="result" label="入院科别"> </el-table-column>
          <el-table-column prop="administrative" label="病区">
          </el-table-column>
          <el-table-column prop="bed" label="床位号"> </el-table-column>
          <el-table-column prop="doctor" label="入院诊断"> </el-table-column>
          <el-table-column prop="today" label="出院时间"> </el-table-column>
        </el-table>
      </div>
      <!-- æ£€éªŒ -->
      <div v-if="sonactiveName == 'checkout'">
        <el-table :data="serviceData" style="width: 100%">
          <el-table-column prop="godaya" label="检验单号"> </el-table-column>
          <el-table-column prop="hospitalname" label="报告日期">
          <el-table-column prop="result" label="主治医师"> </el-table-column>
          <el-table-column prop="bed" label="管床护士"> </el-table-column>
          <el-table-column prop="doctor" label="出院疾病诊断">
          </el-table-column>
          <el-table-column prop="result" label="检验项目"> </el-table-column>
          <el-table-column prop="administrative" label="医院名称">
          <el-table-column prop="today" label="检验"> </el-table-column>
          <el-table-column prop="administrative" label="检查">
          </el-table-column>
        </el-table>
      </div>
      <!-- æ£€æŸ¥ -->
      <div v-if="sonactiveName == 'examine'">
        <el-table :data="serviceData" style="width: 100%">
          <el-table-column prop="godaya" label="报告单"> </el-table-column>
          <el-table-column prop="hospitalname" label="报告时间">
          <el-table-column prop="administrative" label="手术">
          </el-table-column>
          <el-table-column prop="result" label="检查项目"> </el-table-column>
          <el-table-column prop="administrative" label="医院名称">
          <el-table-column prop="administrative" label="用药">
          </el-table-column>
          <el-table-column prop="columcz" label="出院小结" width="200">
          </el-table-column>
        </el-table>
      </div>
      <!-- ä½“检 -->
      <div v-if="sonactiveName == 'physical'">
      <div v-if="sonactiveName == 'checkout'">
        <el-table :data="serviceData" style="width: 100%">
          <el-table-column prop="daya" label="就诊日期"> </el-table-column>
          <el-table-column prop="hospitalname" label="医院名称">
          <el-table-column prop="godaya" label="体检类型"> </el-table-column>
          <el-table-column prop="hospitalname" label="体检套餐名称">
          </el-table-column>
          <el-table-column prop="result" label="诊断结果"> </el-table-column>
          <el-table-column prop="administrative" label="就诊科室">
          <el-table-column prop="result" label="体检预约日期">
          </el-table-column>
          <el-table-column prop="doctor" label="医生"> </el-table-column>
          <!-- <el-table-column
            label-class-name="columcz"
            fixed="right"
            label="操作"
            width="300"
          >
            <template slot-scope="scope">
              <el-button type="text" size="small">详情</el-button>
            </template>
          </el-table-column> -->
        </el-table>
      </div>
      <!-- ç”¨è¯ -->
      <div v-if="sonactiveName == 'pharmacy'">
        <el-table :data="serviceData" style="width: 100%">
          <el-table-column prop="daya" label="就诊日期"> </el-table-column>
          <el-table-column prop="hospitalname" label="医院名称">
          <el-table-column prop="administrative" label="体检项目">
          </el-table-column>
          <el-table-column prop="result" label="诊断结果"> </el-table-column>
          <el-table-column prop="administrative" label="就诊科室">
          <el-table-column prop="administrative" label="体检报告日">
          </el-table-column>
          <el-table-column prop="doctor" label="医生"> </el-table-column>
          <el-table-column prop="administrative" label="体检总检报告">
          </el-table-column>
        </el-table>
      </div>
    </div>
@@ -281,8 +391,19 @@
      style="margin-top: 20px; font-size: 20px !important"
      v-else-if="activeName == 'serve'"
    >
      <el-tabs type="border-card">
        <el-tab-pane label="首次随访">
      <div style="margin-bottom: 15px" v-for="item in record">
        <el-card class="box-card">
          <div
            style="
              font-size: 22px;
              padding-left: 5px;
              margin: 15px 0;
              border-left: 4px solid rgb(190, 65, 134);
            "
          >
            {{ item.name }}
          </div>
          <el-divider></el-divider>
          <div style="margin-top: 10px">
            éšè®¿çŠ¶æ€ï¼šå·²ç»ˆæ­¢<span style="color: #2775b6"
              >（终止原因：患者痊愈回访结束，终止时间：2023-12-18 12:00）</span
@@ -299,7 +420,7 @@
          </div>
          <div
            style="
              font-size: 22px;
              font-size: 20px;
              padding-left: 5px;
              margin: 15px 0;
              border-left: 4px solid rgb(65, 161, 190);
@@ -327,40 +448,138 @@
          <div style="margin-top: 10px">
            éšè®¿å¤‡æ³¨ï¼š <span style="color: #2775b6">提醒注意饮食健康</span>
          </div>
        </el-tab-pane>
        <el-tab-pane label="二次随访">二次随访</el-tab-pane>
        <el-tab-pane label="三次随访">三次随访</el-tab-pane>
      </el-tabs>
        </el-card>
      </div>
    </div>
    <!-- å¥åº·ç›‘测 -->
    <div class="medical-record" v-show="activeName == 'monitor'">
      <!-- è¡€åŽ‹å›¾æ ‡ -->
      <div v-show="sontwoactiveName == 'blood'">
      <div v-show="sontwoactiveName == 'blood'" style="display: flex">
        <div
          id="xyeCharts"
          class="sontwoactiveName"
          style="width: 1300px; height: 800px"
          style="width: 880px; height: 560px"
        ></div>
        <div style="width: 400px">
          <el-card class="box-card">
            <SFtable
              :currentList="tableDatalist"
              :tableLabel="tableLabelxy"
              :center="false"
              :multiplechoice="false"
            />
          </el-card>
        </div>
      </div>
      <!-- è¡€ç³– -->
      <div v-show="sontwoactiveName == 'glucose'">
      <div v-show="sontwoactiveName == 'glucose'" style="display: flex">
        <div
          id="xteCharts"
          class="sontwoactiveName"
          style="width: 1300px; height: 800px"
          style="width: 880px; height: 560px"
        ></div>
        <div style="width: 400px">
          <el-card class="box-card">
            <SFtable
              :currentList="tableDatalist"
              :tableLabel="tableLabelxt"
              :center="false"
              :multiplechoice="false"
            />
          </el-card>
        </div>
      </div>
      <!-- ä½“重 -->
      <div v-show="sontwoactiveName == 'weight'">
      <div v-show="sontwoactiveName == 'weight'" style="display: flex">
        <div
          id="tzeCharts"
          class="sontwoactiveName"
          style="width: 1300px; height: 800px"
          style="width: 880px; height: 560px"
        ></div>
        <div style="width: 400px">
          <el-card class="box-card">
            <SFtable
              :currentList="tableDatalist"
              :tableLabel="tableLabeltz"
              :center="false"
              :multiplechoice="false"
            />
          </el-card>
        </div>
      </div>
      <!-- å¿ƒçŽ‡ -->
      <div v-show="sontwoactiveName == 'heartrate'" style="display: flex">
        <div
          id="xleCharts"
          class="sontwoactiveName"
          style="width: 880px; height: 560px"
        ></div>
        <div style="width: 400px">
          <el-card class="box-card">
            <SFtable
              :currentList="tableDatalist"
              :tableLabel="tableLabelxl"
              :center="false"
              :multiplechoice="false"
            />
          </el-card>
        </div>
      </div>
      <!-- è¡€æ°§ -->
      <div v-show="sontwoactiveName == 'bloodoxygen'" style="display: flex">
        <div
          id="xueyangeCharts"
          class="sontwoactiveName"
          style="width: 880px; height: 560px"
        ></div>
        <div style="width: 400px">
          <el-card class="box-card">
            <SFtable
              :currentList="tableDatalist"
              :tableLabel="tableLabelxueyang"
              :center="false"
              :multiplechoice="false"
            />
          </el-card>
        </div>
      </div>
      <!-- ä½“温 -->
      <div v-show="sontwoactiveName == 'animalheat'" style="display: flex">
        <div
          id="tweCharts"
          class="sontwoactiveName"
          style="width: 880px; height: 560px"
        ></div>
        <div style="width: 400px">
          <el-card class="box-card">
            <SFtable
              :currentList="tableDatalist"
              :tableLabel="tableLabeltw"
              :center="false"
              :multiplechoice="false"
            />
          </el-card>
        </div>
      </div>
    </div>

    <!-- <div id="xyeCharts" style="width: 500px; height: 500px"></div> -->
    <el-dialog title="新增联系方式" :visible.sync="AddanumberVisible">
      <el-form :model="numberform" label-width="100px">
        <el-form-item label="姓名">
          <el-input v-model="numberform.name"></el-input>
        </el-form-item>
        <el-form-item label="联系电话">
          <el-input v-model="numberform.name"></el-input>
        </el-form-item>
        <el-form-item label="关系">
          <el-input v-model="numberform.name"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="AddanumberVisible = false">取 æ¶ˆ</el-button>
        <el-button type="primary" @click="Addanumber">ç¡® å®š</el-button>
      </div>
    </el-dialog>
  </div>
</template>

@@ -369,18 +588,20 @@
import userInfo from "./userInfo";
import resetPwd from "./resetPwd";
import * as echarts from "echarts";
import SFtable from "@/components/SFtable"; //表格组件

import { getUserProfile } from "@/api/system/user";
import { listJob } from "@/api/monitor/job"; //获取列表接口待定

export default {
  name: "Profile",
  components: { userAvatar, userInfo, resetPwd },
  components: { userAvatar, userInfo, resetPwd, SFtable },
  data() {
    return {
      user: {},
      roleGroup: {},
      postGroup: {},
      form: {},
      mznumber: 14,
      zynumber: 34,
      jynumber: 32,
@@ -393,7 +614,19 @@
      sonactiveName: "outpatient", //健康监测导航
      sontwoactiveName: "blood", //医疗档案导航
      dynamicTags: ["标签一", "标签二", "标签三"],
      record: [
        {
          name: "宣教任务",
        },
        {
          name: "通知任务",
        },
        {
          name: "问卷调查",
        },
      ],
      inputVisible: false,
      AddanumberVisible: false,
      inputValue: "",
      // æŸ¥è¯¢å‚æ•°
      queryParams: {
@@ -403,6 +636,7 @@
        jobGroup: undefined,
        status: undefined,
      },
      numberform: {},
      echartdom: {},
      xtechartdom: {},
      tzechartdom: {},
@@ -428,6 +662,26 @@
          address: "上海市普陀区金沙江路 1516 å¼„",
        },
      ],
      tableDatalist: [
        {
          id: 12,
          date: "2016-05-02",
          name: "121",
          address: "89",
        },
        {
          id: 12,
          date: "2016-05-02",
          name: "121",
          address: "89",
        },
        {
          id: 12,
          date: "2016-05-02",
          name: "121",
          address: "89",
        },
      ],
      serviceData: [
        {
          daya: "2023-12-12",
@@ -437,6 +691,52 @@
          doctor: "吴大龙",
        },
      ],
      options: [
        {
          value: "1",
          label: "会员",
        },
        {
          value: "2",
          label: "糖尿病",
        },
        {
          value: "3",
          label: "高血压",
        },
        {
          value: "4",
          label: "体检",
        },
      ],
      tableLabelxy: [
        { label: "测量时间", width: "", prop: "name" },
        { label: "收缩压", width: "", prop: "sex" },
        { label: "舒张压", width: "", prop: "age" },
      ],
      tableLabelxt: [
        { label: "测量时间", width: "", prop: "name" },
        { label: "收缩压", width: "", prop: "sex" },
        { label: "舒张压", width: "", prop: "age" },
      ],
      tableLabeltz: [
        { label: "测量时间", width: "", prop: "name" },
        { label: "身高", width: "", prop: "sex" },
        { label: "体重", width: "", prop: "age" },
        { label: "BMI指数", width: "", prop: "update_by" },
      ],
      tableLabelxl: [
        { label: "测量时间", width: "", prop: "name" },
        { label: "心率", width: "", prop: "sex" },
      ],
      tableLabelxueyang: [
        { label: "测量时间", width: "", prop: "name" },
        { label: "血氧饱和度", width: "", prop: "sex" },
      ],
      tableLabeltw: [
        { label: "测量时间", width: "", prop: "name" },
        { label: "体温", width: "", prop: "sex" },
      ],
    };
  },
  created() {
@@ -444,12 +744,16 @@
      this.echartdom = document.getElementById("xyeCharts");
      this.xtechartdom = document.getElementById("xteCharts");
      this.tzechartdom = document.getElementById("tzeCharts");
      console.log(this.echartdom);
      console.log(this.xtechartdom);
      console.log(this.tzechartdom);
      this.xlechartdom = document.getElementById("xleCharts");
      this.xueyangechartdom = document.getElementById("xueyangeCharts");
      this.twechartdom = document.getElementById("tweCharts");

      this.echartsInit();
      this.xtechartsInit();
      this.tzechartsInit();
      this.xlechartsInit();
      this.xueyangechartsInit();
      this.twechartsInit();
    });
    this.getList();
  },
@@ -468,6 +772,8 @@
    handleClick(tab, event) {
      console.log(tab, event);
    },
    // è”系方式新增
    Addanumber() {},
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },
@@ -491,13 +797,7 @@
    // è¡€åŽ‹å›¾è¡¨éƒ¨åˆ†
    echartsInit() {
      // åŸºäºŽå‡†å¤‡å¥½çš„dom，初始化echarts实例
      console.log(echarts);
      console.log(this.echartdom);
      console.log(this.$refs.xyeCharts);
      var myxyChart = echarts.init(this.echartdom);
      console.log(myxyChart);
      // var myxyChart = this.$echarts.init(document.getElementById("xyeCharts"));
      // var myxyChart = this.$echarts.init(this.$refs.xyeCharts);
      var option = {
        title: {
          text: "历史血压记录",
@@ -564,7 +864,6 @@
          },
        ],
      };
      console.log("ss");
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
@@ -606,80 +905,7 @@
        title: {
          text: "历史血糖记录",
        },
        visualMap: [
          {
            show: false,
            type: "continuous",
            seriesIndex: 0,
            min: 0,
            max: 400,
          },
        ],
        title: [
          {
            left: "center",
            text: "血糖历史监测",
          },
        ],
        tooltip: {
          trigger: "axis",
        },
        xAxis: [
          {
            data: dateList,
          },
        ],
        yAxis: [{}],
        series: [
          {
            type: "line",
            showSymbol: false,
            data: valueList,
          },
        ],
      };
      console.log("ss");
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
    // ä½“重图表
    tzechartsInit() {
      // åŸºäºŽå‡†å¤‡å¥½çš„dom，初始化echarts实例
      console.log(echarts);
      console.log(this.tzechartdom);
      var myxyChart = echarts.init(this.tzechartdom);
      console.log(myxyChart);
      const data = [
        ["2000-06-05", 116],
        ["2000-06-06", 99],
        ["2000-06-07", 105],
        ["2000-06-08", 126],
        ["2000-06-09", 73],
        ["2000-06-10", 85],
        ["2000-06-11", 73],
        ["2000-06-12", 68],
        ["2000-06-13", 92],
        ["2000-06-14", 130],
        ["2000-06-15", 245],
        ["2000-06-16", 119],
        ["2000-06-17", 115],
        ["2000-06-18", 201],
        ["2000-06-19", 209],
        ["2000-06-20", 106],
        ["2000-06-21", 137],
        ["2000-06-22", 128],
        ["2000-06-23", 85],
      ];
      const dateList = data.map(function (item) {
        return item[0];
      });
      const valueList = data.map(function (item) {
        return item[1];
      });
      var option = {
        title: {
          text: "历史血糖记录",
        },
        // ä¾§è¾¹å°åŠŸèƒ½
        toolbox: {
          show: true,
          feature: {
@@ -742,6 +968,291 @@
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
    // ä½“重图表
    tzechartsInit() {
      // åŸºäºŽå‡†å¤‡å¥½çš„dom，初始化echarts实例
      console.log(echarts);
      console.log(this.tzechartdom);
      var myxyChart = echarts.init(this.tzechartdom);
      var option = {
        title: {
          text: "体重指标图",
        },
        tooltip: {
          trigger: "axis",
        },
        legend: {
          data: ["身高", "体重", "BMI指数"],
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          },
        },
        xAxis: {
          type: "category",
          boundaryGap: false,
          data: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            name: "身高",
            type: "line",
            stack: "Total",
            data: [120, 132, 101, 134, 90, 230, 210],
          },
          {
            name: "体重",
            type: "line",
            stack: "Total",
            data: [220, 182, 191, 234, 290, 330, 310],
          },

          {
            name: "BMI指数",
            type: "line",
            stack: "Total",
            data: [320, 332, 301, 334, 390, 330, 320],
          },
        ],
      };
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
    // å¿ƒçŽ‡
    xlechartsInit() {
      var myxyChart = echarts.init(this.xlechartdom);
      console.log(myxyChart);
      const data = [
        ["2000-06-05", 116],
        ["2000-06-06", 129],
        ["2000-06-07", 135],
        ["2000-06-08", 86],
        ["2000-06-09", 73],
        ["2000-06-10", 85],
        ["2000-06-11", 73],
        ["2000-06-12", 68],
        ["2000-06-13", 92],
        ["2000-06-14", 130],
        ["2000-06-15", 245],
        ["2000-06-16", 139],
        ["2000-06-17", 115],
        ["2000-06-18", 111],
        ["2000-06-19", 309],
        ["2000-06-20", 206],
        ["2000-06-21", 137],
        ["2000-06-22", 128],
        ["2000-06-23", 85],
      ];
      const dateList = data.map(function (item) {
        return item[0];
      });
      const valueList = data.map(function (item) {
        return item[1];
      });
      var option = {
        title: {
          text: "历史心率记录",
        },
        visualMap: [
          {
            show: false,
            type: "continuous",
            seriesIndex: 0,
            min: 0,
            max: 400,
          },
        ],

        tooltip: {
          trigger: "axis",
        },
        xAxis: [
          {
            data: dateList,
          },
        ],
        yAxis: [{}],
        series: [
          {
            type: "line",
            showSymbol: false,
            data: valueList,
            lineStyle: {
              width: 3,
              type: "solid",
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {
                  offset: 0,
                  color: "#22a2c3",
                },
                {
                  offset: 1,
                  color: "#b0d5df",
                },
              ]),
            },
          },
        ],
      };
      console.log("ss");
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
    // è¡€æ°§
    xueyangechartsInit() {
      var myxyChart = echarts.init(this.xueyangechartdom);
      const data = [
        ["2000-06-05", 116],
        ["2000-06-06", 129],
        ["2000-06-07", 135],
        ["2000-06-08", 86],
        ["2000-06-09", 73],
        ["2000-06-10", 85],
        ["2000-06-11", 73],
        ["2000-06-12", 68],
        ["2000-06-13", 92],
        ["2000-06-14", 130],
        ["2000-06-15", 245],
        ["2000-06-16", 139],
        ["2000-06-17", 115],
        ["2000-06-18", 111],
        ["2000-06-19", 309],
        ["2000-06-20", 206],
        ["2000-06-21", 137],
        ["2000-06-22", 128],
        ["2000-06-23", 85],
      ];
      const dateList = data.map(function (item) {
        return item[0];
      });
      const valueList = data.map(function (item) {
        return item[1];
      });
      var option = {
        title: {
          text: "历史血氧记录",
        },
        visualMap: [
          {
            show: false,
            type: "continuous",
            seriesIndex: 0,
            min: 0,
            max: 400,
          },
        ],

        tooltip: {
          trigger: "axis",
        },
        xAxis: [
          {
            data: dateList,
          },
        ],
        yAxis: [{}],
        series: [
          {
            type: "line",
            showSymbol: false,
            data: valueList,
            lineStyle: {
              width: 3,
              type: "solid",
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {
                  offset: 0,
                  color: "#45b787",
                },
                {
                  offset: 1,
                  color: "#c4d7d6"
                },
              ]),
            },
          },
        ],
      };
      console.log("ss");
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
    // ä½“温
    twechartsInit() {
      var myxyChart = echarts.init(this.twechartdom);
      console.log(myxyChart);
      const data = [
        ["2000-06-05", 36.8],
        ["2000-06-06", 36.2],
        ["2000-06-07", 37.8],
        ["2000-06-08",37.8],
        ["2000-06-09",37.2],
        ["2000-06-10",36.2],
        ["2000-06-11",37.8],
        ["2000-06-12",36.9],
        ["2000-06-13",36.8],
        ["2000-06-14", 36.4],
        ["2000-06-15", 37.1],
        ["2000-06-16", 36.9],
        ["2000-06-17", 36.4],
        ["2000-06-18", 38.8],
        ["2000-06-19", 37.5],
        ["2000-06-20", 36.6],
        ["2000-06-21", 36.8],
        ["2000-06-22", 36.2],
        ["2000-06-23",37.8],
      ];
      const dateList = data.map(function (item) {
        return item[0];
      });
      const valueList = data.map(function (item) {
        return item[1];
      });
      var option = {
        title: {
          text: "历史体温记录",
        },
        visualMap: [
          {
            show: false,
            type: "continuous",
            seriesIndex: 0,
            min: 0,
            max: 400,
          },
        ],
    
        tooltip: {
          trigger: "axis",
        },
        xAxis: [
          {
            data: dateList,
          },
        ],
        yAxis: [{}],
        series: [
          {
            type: "line",
            showSymbol: false,
            data: valueList,
          },
        ],
      };
      console.log("ss");
      // ä½¿ç”¨åˆšæŒ‡å®šçš„配置项和数据显示图表。
      myxyChart.setOption(option);
    },
  },
};
</script>
@@ -770,6 +1281,12 @@
        border-radius: 50%;
      }
    }
    .text-title {
      font-size: 20px;
      font-weight: 500;
      color: #ecfcfc;
    }
  }
  }
  .xinz-inf {
    font-size: 18px;
@@ -795,7 +1312,6 @@
      vertical-align: bottom;
    }
  }
}
.el-tabs--border-card {
  // font-size: 25px;
  .mulsz {
@@ -813,25 +1329,18 @@
    margin-top: 25px;
    margin-left: 100px;
    .detailed {
      width: 70%;
      width: 88%;
      border-radius: 8px;
      padding: 30px;
      margin-bottom: 30px;
      background-color: #ddf0f8;
      .one-column {
        display: flex;
        font-size: 20px;
        margin-bottom: 30px;
        padding-bottom: 3px;
      .bg-purple {
        margin-bottom: 20px;
      }
        .spanvalue {
          display: inline-block;
          min-width: 200px;
          border-bottom: 1px solid rgb(172, 172, 172);
        }

        div {
          width: 330px;
        }
      }
    }
  }

 src/views/repositoryai/intention/index.vue

@@ -21,48 +21,52 @@
        </el-input>
      </div>
      <div class="bottom-fl">
        <el-tabs tab-position="right">
          <el-tab-pane :label="`全部 (${numberlb})`"></el-tab-pane>
          <el-tab-pane
            class="tab-paness"
            :key="item.title"
            v-for="(item, index) in editableTabs"
        <el-menu
          default-active="3"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          @select="handleSelect"
          >
            <span slot="label">
              {{
                item.title + " (" + item.number + ")"
              }}&nbsp&nbsp&nbsp<el-popover
                placement="top-start"
                width="100"
                trigger="hover"
              >
                <div style="text-align: center">
                  <el-button type="text" @click="popoveramend(item)"
                    >修改</el-button
                  ><el-button type="text" @click="deletefenlei(item)"
                    ><span style="color: rgb(173, 55, 55)"
                      >删除</span
                    ></el-button
                  >
                </div>
                <i slot="reference" class="el-icon-share"></i> </el-popover
            ></span>
          </el-tab-pane>
        </el-tabs>
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>分类一</span>
            </template>

            <el-menu-item index="1-1">选项1</el-menu-item>
            <el-menu-item index="1-2">选项2</el-menu-item>
            <el-menu-item index="1-3">选项3</el-menu-item>
            <el-menu-item index="1-4">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>分类二</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>分类三</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-setting"></i>
              <span>分类四</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
        </el-menu>
      </div>
    </div>
    <!-- å³ä¾§æ•°æ® -->
    <div class="leftvlue">
      <div class="leftvlue-top">
        <el-tabs v-model="topactiveName" @tab-click="tophandleClick">
          <el-tab-pane name="Local">
            <span class="mulsz" slot="label">普通指标库 </span>
          </el-tab-pane>
          <el-tab-pane name="sharing">
            <span class="mulsz" slot="label">特定指标库 </span>
          </el-tab-pane>
        </el-tabs>
      </div>
      <div class="leftvlue-bg">
        <el-row :gutter="20">
          <!--用户数据-->
@@ -75,7 +79,7 @@
              v-show="showSearch"
              label-width="98px"
            >
              <el-form-item label="指标种类" prop="userName">
              <el-form-item label="指标名称" prop="userName">
                <el-input
                  v-model="queryParams.userName"
                  placeholder="请输入"
@@ -84,19 +88,29 @@
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="指标值" prop="userName">
                <el-input
                  v-model="queryParams.userName"
                  placeholder="请输入"
              <el-form-item label="标签" prop="sickness">
                <el-cascader
                  v-model="queryParams.sickness"
                  :options="optionss"
                  :props="propss"
                  clearable
                  style="width: 200px"
                  @keyup.enter.native="handleQuery"
                />
                ></el-cascader>
              </el-form-item>
              <el-form-item label="语言" prop="status">
                <el-select v-model="queryParams.status" placeholder="请选择">
              <el-form-item label="适用方式" prop="shape">
                <el-cascader
                  v-model="queryParams.shapevalue"
                  :options="optionss"
                  :props="propss"
                  clearable
                ></el-cascader>
              </el-form-item>
              <el-form-item label="指标类型" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in languagelist"
                    v-for="(item, index) in qyoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
@@ -104,10 +118,13 @@
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="是否启用" prop="status">
                <el-select v-model="queryParams.status" placeholder="请选择">
              <el-form-item label="可用状态" prop="classify">
                <el-select
                  v-model="queryParams.classifyvalue"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in qyoptions"
                    v-for="(item, index) in qyoptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
@@ -178,38 +195,47 @@
                align="center"
                key="userId"
                prop="userId"
                v-if="columns[0].visible"
              />
              <el-table-column
                label="指标种类"
                label="值类型"
                align="center"
                key="userName"
                prop="userName"
                v-if="columns[1].visible"
                :show-overflow-tooltip="true"
              />
              <el-table-column
                label="指标值"
                label="指标名称"
                align="center"
                key="nickName"
                prop="nickName"
                v-if="columns[2].visible"
                :show-overflow-tooltip="true"
              />

              <el-table-column
                label="指标规则"
                label="正常值范围"
                align="center"
                key="scope"
                prop="scope"
                width="400"
              />
              <el-table-column
                label="指标描述"
                align="center"
                key="aphonenumber"
                prop="aphonenumber"
                v-if="columns[4].visible"
                width="400"
              /><el-table-column
                label="指标类型"
                label="适用方式"
                align="center"
                key="bphonenumbers"
                prop="bphonenumbers"
                width="120"
              />
              <el-table-column
                label="适用疾病"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                v-if="columns[4].visible"
                width="120"
              />
              <el-table-column
@@ -217,7 +243,6 @@
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                v-if="columns[4].visible"
                width="120"
              />
              <el-table-column label="是否启用" align="center" key="status">
@@ -250,10 +275,19 @@
                  <el-button
                    size="medium"
                    type="text"
                    @click="handlemeasurement(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-textcs"
                      ><i class="el-icon-help"></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
                      ><i class="el-icon-delete"></i>删除</span
                    ></el-button
                  >
                </template>
@@ -283,8 +317,28 @@
            :rules="rules"
            label-width="100px"
          >
            <el-row>
              <el-col :span="24">
            <el-row v-if="!measurement">
              <el-col :span="12">
                <el-form-item label="指标名称" prop="deptId">
                  <el-input
                    v-model="indexform.name"
                    placeholder="请输入指标种类"
                    maxlength="40"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="版本号" prop="deptId">
                  <el-input
                    v-model="indexform.versions"
                    placeholder="请输入指标种类"
                    maxlength="40"
                  />
                </el-form-item>
              </el-col>
            </el-row>
            <el-row v-if="!measurement">
              <el-col :span="12">
                <el-form-item label="语言" prop="deptId">
                  <el-select
                    v-model="indexform.language"
@@ -299,20 +353,71 @@
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否可用" prop="deptId">
                  <el-select
                    v-model="indexform.useofstate"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="index in qyoptions"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="指标种类" prop="nickName">
                <el-form-item label="指标描述" prop="nickName">
                  <el-input
                    v-model="indexform.nickName"
                    placeholder="请输入指标种类"
                    placeholder="请输入指标描述"
                    maxlength="40"
                  />
                </el-form-item> </el-col
            ></el-row>
            <el-row>
            <el-form-item label="标签" prop="desc" v-if="!measurement">
              <div class="xinz-inf">
                <el-tag
                  :key="tag"
                  type="success"
                  v-for="tag in dynamicTags"
                  closable
                  :disable-transitions="false"
                  @close="handleClose(tag)"
                >
                  {{ tag }}
                </el-tag>
                <el-select
                  v-model="inputValue"
                  v-if="inputVisible"
                  @change="handleInputConfirm"
                  filterable
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item in optionss"
                    :key="item.label"
                    :label="item.label"
                    :value="item.label"
                  >
                  </el-option>
                </el-select>
                <el-button
                  v-else
                  class="button-new-tag"
                  size="small"
                  @click="showInput"
                  >+ æ–°å¢žæ ‡ç­¾</el-button
                >
              </div>
            </el-form-item>
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="招标类型">
                <el-form-item label="值类型">
                  <el-radio-group v-model="indexform.resource">
                    <el-radio label="选项"></el-radio>
                    <el-radio label="文本"></el-radio>
@@ -320,55 +425,138 @@
                  </el-radio-group>
                </el-form-item> </el-col
            ></el-row>
            <el-row>
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="指标值" prop="userName">
                  <el-input
                    v-model="indexform.userName"
                    placeholder="请输入手机号"
                    maxlength="30"
                  />
                <el-form-item label="适用疾病" prop="userName">
                  <el-select
                    v-model="indexform.useofstate"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="index in qyoptions"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
                    ></el-option>
                  </el-select>
                </el-form-item> </el-col
            ></el-row>

            <el-row>
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="指标规则" prop="email">
                  <el-input
                    v-model="indexform.remark"
                    type="textarea"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="是否启用">
                  <el-radio-group v-model="indexform.qystatus">
                    <el-radio
                      v-for="item in qyoptions"
                      :key="item.value"
                      :label="item.value"
                      >{{ item.label }}</el-radio
                <el-form-item label="适用方式" prop="email">
                  <el-select
                    v-model="indexform.useofstate"
                    placeholder="请选择"
                    >
                  </el-radio-group>
                    <el-option
                      v-for="index in qyoptions"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>

            <el-row>
              <el-col :span="24">
                <el-form-item label="备注">
            <el-card class="box-card" style="margin-bottom: 20px">
              <el-table v-loading="loading" :data="testuserList">
                <el-table-column
                  label="序号"
                  align="center"
                  key="userid"
                  prop="userid"
                  width="50"
                />
                <el-table-column
                  label="指标选项"
                  align="center"
                  key="nickName"
                  prop="nickName"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                  <el-input
                    v-model="indexform.remark"
                    type="textarea"
                      v-model="scope.row.nickName"
                    placeholder="请输入内容"
                  ></el-input>
                  </template>
                </el-table-column>
                <el-table-column
                  label="解析规则"
                  align="center"
                  key="aphonenumber"
                  prop="aphonenumber"
                  width="460"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.aphonenumber"
                      placeholder="请输入内容"
                    ></el-input>
                  </template>
                </el-table-column>

                <el-table-column
                  label="操作"
                  align="center"
                  width="200"
                  class-name="small-padding fixed-width"
                >
                  <template slot-scope="scope">
                    <el-button
                      @click="addoption(scope.row)"
                      type="success"
                      icon="el-icon-circle-plus-outline"
                      circle
                    ></el-button>
                    <el-button
                      type="danger"
                      icon="el-icon-delete"
                      circle
                      @click="deloption(scope.row)"
                    ></el-button>
                    <el-button
                      @click="syioption(scope.row)"
                      type="primary"
                      icon="el-icon-top"
                      circle
                    ></el-button>
                    <el-button
                      @click="xiayioption(scope.row)"
                      type="primary"
                      icon="el-icon-bottom"
                      circle
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            </el-card>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="测试输入" prop="nickName">
                  <el-input
                    v-model="testvalue"
                    placeholder="请输入测试内容"
                    maxlength="40"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-button type="success">开始测试</el-button>
              </el-col>
            </el-row>
          </el-form>
          <div>
            <el-input
              type="textarea"
              :rows="4"
              placeholder="此处展示识别结果"
              v-model="testgovalue"
            >
            </el-input>
          </div>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>
            <el-button @click="cancel">取 æ¶ˆ</el-button>
@@ -383,6 +571,17 @@
      :visible.sync="dialogFormVisible"
    >
      <el-form :model="classifyform">
        <el-form-item label="请选择指标大类">
          <el-select v-model="classifyform.broadheading" placeholder="请选择">
            <el-option
              v-for="item in optionss"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="amendtag ? '请输入新的类别名称' : '请输入类别名称'"
        >
@@ -442,6 +641,7 @@
      multiple: true,
      // æ˜¾ç¤ºæœç´¢æ¡ä»¶
      showSearch: true,
      measurement: false,
      // æ€»æ¡æ•°
      total: 0,
      namequestionnaire: "",
@@ -451,6 +651,8 @@
      dialogFormVisible: false, //修改添加类别弹框
      deleteVisible: false, //分类删除弹框
      deletefenl: "高血压", //删除项
      testvalue: "",
      testgovalue: "",
      classifyform: {
        categoryname: "",
      }, //类别表单
@@ -463,6 +665,28 @@
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
          bphonenumber: "选择",
          cphonenumber: "普通话",
        },
      ],
      testuserList: [
        {
          userid: 1,
          nickName: "贫血",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        },
        {
          userid: 2,
          nickName: "正常",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        },
        {
          userid: 55,
          nickName: "非正常",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        },
        {
          userid: 4,
          nickName: "a正常",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
          status: "0",
        },
      ],
@@ -484,7 +708,10 @@
      dialogFormVisible: false, //添加类别弹框
      sidecolumnval: "", //类别搜索
      indexopen: false, //弹框展示否
      inputVisible: false,
      inputValue: "",
      propss: { multiple: true },
      dynamicTags: ["标签一", "标签二", "标签三"],
      languagelist: [
        {
          value: 1,
@@ -502,11 +729,29 @@
      qyoptions: [
        {
          value: 1,
          label: "启用",
          label: "可用",
        },
        {
          value: 2,
          label: "关闭",
          label: "停用",
        },
      ],
      optionss: [
        {
          value: 1,
          label: "类型一",
        },
        {
          value: 2,
          label: "类型二",
        },
        {
          value: 3,
          label: "类型三",
        },
        {
          value: 4,
          label: "类型四",
        },
      ],
      //类别列表
@@ -614,6 +859,9 @@
        console.log(this.userList);
      });
    },
    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
    },
    // æ·»åŠ ã€ä¿®æ”¹ç±»åˆ«
    submitsidecolumn() {
      if (this.amendtag) {
@@ -668,6 +916,72 @@
          row.status = row.status === "0" ? "1" : "0";
        });
    },
    // ä¾§è¾¹--------------
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    // æ ‡ç­¾-----------------
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },
    handleInputConfirm() {
      let inputValue = this.inputValue;
      if (inputValue) {
        this.dynamicTags.push(inputValue);
      }
      this.inputVisible = false;
      this.inputValue = "";
    },
    showInput() {
      this.inputVisible = true;
    },
    //测试表单 --------------------------
    addoption() {
      this.testuserList.push({
        userid: 1,
        nickName: "贫血",
        aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
      });
      this.sortFn();
    },
    deloption() {
      const index = this.testuserList.indexOf(item);
      if (index !== -1) {
        this.testuserList.splice(index, 1); // ä»Žç´¢å¼•ä½ç½®åˆ é™¤ä¸€ä¸ªå…ƒç´ 
        this.sortFn();
      } else {
        console.log("未找到该对象");
      }
    },
    syioption(row) {
      const index = this.getIndexInArray(this.testuserList, row);
      const item = this.testuserList.splice(index, 1)[0]; // ç§»é™¤æŒ‡å®šç´¢å¼•å¤„的元素，并保存到item变量中
      this.testuserList.splice(index - 1, 0, item); // å°†item插入到索引位置的前一位
      this.sortFn();
    },
    xiayioption(row) {
      const index = this.getIndexInArray(this.testuserList, row);
      const item = this.testuserList.splice(index, 1)[0]; // ç§»é™¤æŒ‡å®šç´¢å¼•å¤„的元素，并保存到item变量中
      this.testuserList.splice(index + 1, 0, item); // å°†item插入到索引位置的前一位
      this.sortFn();
    },
    sortFn() {
      this.testuserList = this.testuserList.map((item, index) => {
        return {
          userid: index + 1,
          nickName: item.nickName,
          aphonenumber: item.aphonenumber,
        };
      });
      console.log(this.testuserList);
    },
// ---------------------
    //搜索类别
    sidecolumnss() {},
    // åˆ‡æ¢å…±äº«/本地
@@ -720,12 +1034,20 @@
      this.reset();
      this.title = "新增指标";
      this.indexopen = true;
      this.measurement=false;
    },
    /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
    handleUpdate(row) {
      this.reset();
      this.title = "修改指标";
      this.title = "指标详情";
      this.indexopen = true;
      this.measurement=false;
    },
    handlemeasurement(row) {
      this.reset();
      this.title = "指标详情";
      this.indexopen = true;
      this.measurement=true;
    },
    // ä¿®æ”¹åˆ†ç±»å¼¹æ¡†
    popoveramend(tagcategoryid) {
@@ -775,6 +1097,30 @@
<style lang="scss" scoped>
.Questionnairemanagement {
  display: flex;
}
.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;
  }
}
.sidecolumn {
  width: 300px;
@@ -868,7 +1214,7 @@
.button-text {
  color: rgb(70, 204, 238);
}
.button-textck {
.button-textcs {
  color: rgb(39, 167, 67);
}
.button-textxg {

 src/views/repositoryai/verbaltrick/index.vue

@@ -3,7 +3,7 @@
    <!-- å·¦ä¾§æ  -->
    <div class="sidecolumn">
      <div class="sidecolumn-top">
        <div class="top-wj">话术类型</div>
        <div class="top-wj">问题类型</div>
        <div class="top-tj" @click="dialogFormVisible = true">+添加</div>
      </div>
      <div class="center-ss">
@@ -21,48 +21,52 @@
        </el-input>
      </div>
      <div class="bottom-fl">
        <el-tabs tab-position="right">
          <el-tab-pane :label="`全部 (${numberlb})`"></el-tab-pane>
          <el-tab-pane
            class="tab-paness"
            :key="item.title"
            v-for="(item, index) in editableTabs"
        <el-menu
          default-active="3"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          @select="handleSelect"
          >
            <span slot="label">
              {{
                item.title + " (" + item.number + ")"
              }}&nbsp&nbsp&nbsp<el-popover
                placement="top-start"
                width="100"
                trigger="hover"
              >
                <div style="text-align: center">
                  <el-button type="text" @click="popoveramend(item)"
                    >修改</el-button
                  ><el-button type="text" @click="deletefenlei(item)"
                    ><span style="color: rgb(173, 55, 55)"
                      >删除</span
                    ></el-button
                  >
                </div>
                <i slot="reference" class="el-icon-share"></i> </el-popover
            ></span>
          </el-tab-pane>
        </el-tabs>
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>分类一</span>
            </template>

            <el-menu-item index="1-1">选项1</el-menu-item>
            <el-menu-item index="1-2">选项2</el-menu-item>
            <el-menu-item index="1-3">选项3</el-menu-item>
            <el-menu-item index="1-4">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>分类二</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>分类三</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-setting"></i>
              <span>分类四</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
        </el-menu>
      </div>
    </div>
    <!-- å³ä¾§æ•°æ® -->
    <div class="leftvlue">
      <div class="leftvlue-top">
        <el-tabs v-model="topactiveName" @tab-click="tophandleClick">
          <el-tab-pane name="Local">
            <span class="mulsz" slot="label">普通话术库 </span>
          </el-tab-pane>
          <el-tab-pane name="sharing">
            <span class="mulsz" slot="label">特定话术库 </span>
          </el-tab-pane>
        </el-tabs>
      </div>
      <div class="leftvlue-bg">
        <el-row :gutter="20">
          <!--用户数据-->
@@ -75,7 +79,18 @@
              v-show="showSearch"
              label-width="98px"
            >
              <el-form-item label="话术主旨" prop="userName">
              <el-form-item label="可用院区" prop="status">
                <el-select v-model="queryParams.courtyard" placeholder="请选择">
                  <el-option
                    v-for="item in languagelist"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="问题主题" prop="userName">
                <el-input
                  v-model="queryParams.userName"
                  placeholder="请输入"
@@ -93,6 +108,17 @@
                  @keyup.enter.native="handleQuery"
                />
              </el-form-item>
              <el-form-item label="适用方式" prop="status">
                <el-select v-model="queryParams.applyway" placeholder="请选择">
                  <el-option
                    v-for="item in languagelist"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="语言" prop="status">
                <el-select v-model="queryParams.status" placeholder="请选择">
                  <el-option
@@ -104,7 +130,7 @@
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="是否启用" prop="status">
              <el-form-item label="是否可用" prop="status">
                <el-select v-model="queryParams.status" placeholder="请选择">
                  <el-option
                    v-for="item in qyoptions"
@@ -158,8 +184,6 @@
                  >删除</el-button
                >
              </el-col>

              <!-- <el-col :span="1.5"> </el-col> -->
            </el-row>
            <el-table
              v-loading="loading"
@@ -175,7 +199,7 @@
                prop="userId"
              />
              <el-table-column
                label="主旨"
                label="问题主题"
                align="center"
                key="userName"
                prop="userName"
@@ -186,7 +210,7 @@
                align="center"
                key="nickName"
                prop="nickName"
                width="400"
                width="200"
                :show-overflow-tooltip="true"
              />

@@ -195,19 +219,47 @@
                align="center"
                key="aphonenumber"
                prop="aphonenumber"
                width="400"
                width="200"
              /><el-table-column
                label="关联指标"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                key="bphonenumbers"
                prop="bphonenumbers"
                width="120"
              />
              /><el-table-column
                label="正常值范围"
                align="center"
                key="scope"
                prop="scope"
                width="120"
              />
              /><el-table-column
                label="问题描述"
                align="center"
                key="describe"
                prop="describe"
                width="120"
              />
              /><el-table-column
                label="适用方式"
                align="center"
                key="application"
                prop="application"
                width="120"
              />
              /><el-table-column
                label="适用疾病"
                align="center"
                key="Applicable"
                prop="Applicable"
                width="120"
              />
              <el-table-column
                label="指标选项"
                label="标签"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                key="taglist"
                prop="taglist"
                width="120"
              />
              <el-table-column
@@ -217,7 +269,28 @@
                prop="indicator"
                width="120"
              />
              <el-table-column label="是否启用" align="center" key="status">
              <el-table-column
                label="版本"
                align="center"
                key="versions"
                prop="versions"
                width="120"
              />
              <el-table-column
                label="可用"
                align="center"
                key="usable"
                prop="usable"
                width="120"
              />
              <el-table-column
                label="最近修改"
                align="center"
                key="Recentrevision"
                prop="Recentrevision"
                width="120"
              />
              <el-table-column label="是否可用" align="center" key="status">
                <template slot-scope="scope">
                  <el-switch
                    v-model="scope.row.status"
@@ -231,7 +304,7 @@
              <el-table-column
                label="操作"
                align="center"
                width="200"
                width="250"
                class-name="small-padding fixed-width"
              >
                <template slot-scope="scope">
@@ -250,7 +323,7 @@
                    @click="compileUpdate(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-bji"
                      ><i class="el-icon-edit"></i>编辑话术</span
                      ><i class="el-icon-edit"></i>编辑问题</span
                    ></el-button
                  >
                  <el-button
@@ -260,6 +333,15 @@
                    v-hasPermi="['system:user:remove']"
                    ><span class="button-textsc"
                      ><i class="el-icon-delete-solid"></i>删除</span
                    ></el-button
                  >
                  <el-button
                    size="medium"
                    type="text"
                    @click="handleDelete(scope.row)"
                    v-hasPermi="['system:user:remove']"
                    ><span class="button-text"
                      ><i class="el-icon-view"></i>预览</span
                    ></el-button
                  >
                </template>
@@ -276,7 +358,7 @@
          </el-col>
        </el-row>

        <!-- æ·»åŠ æˆ–修改话术配置对话框 -->
        <!-- æ·»åŠ æˆ–修改问题配置对话框 -->
        <el-dialog
          :title="title"
          :visible.sync="indexopen"
@@ -308,10 +390,10 @@
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="话术主旨" prop="nickName">
                <el-form-item label="问题主旨" prop="nickName">
                  <el-input
                    v-model="indexform.nickName"
                    placeholder="请输入话术主旨"
                    placeholder="请输入问题主旨"
                    maxlength="80"
                  />
                </el-form-item> </el-col
@@ -334,13 +416,13 @@
            >
            <el-row>
              <el-col :span="24">
                <el-form-item label="话术文本" prop="verbaltricktext">
                <el-form-item label="问题文本" prop="verbaltricktext">
                  <el-input v-model="indexform.userName" maxlength="30" />
                </el-form-item> </el-col
            ></el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="话术语音" prop="verbaltrickyy">
                <el-form-item label="问题语音" prop="verbaltrickyy">
                  <el-input v-model="indexform.userName" maxlength="30" />
                </el-form-item> </el-col
            ></el-row>
@@ -395,7 +477,7 @@

            <el-row>
              <el-col :span="24">
                <el-form-item label="话术规则" prop="email">
                <el-form-item label="问题规则" prop="email">
                  <el-input
                    v-model="indexform.remark"
                    type="textarea"
@@ -406,7 +488,7 @@
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="是否启用">
                <el-form-item label="是否可用">
                  <el-radio-group v-model="indexform.qystatus">
                    <el-radio
                      v-for="item in qyoptions"
@@ -445,6 +527,17 @@
      :visible.sync="dialogFormVisible"
    >
      <el-form :model="classifyform">
        <el-form-item label="请选择问卷大类">
          <el-select v-model="classifyform.broadheading" placeholder="请选择">
            <el-option
              v-for="item in editableTabs"
              :key="item.title"
              :label="item.title"
              :value="item.title"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="amendtag ? '请输入新的类别名称' : '请输入类别名称'"
        >
@@ -564,33 +657,33 @@
      qyoptions: [
        {
          value: 1,
          label: "启用",
          label: "可用",
        },
        {
          value: 2,
          label: "关闭",
          label: "禁用",
        },
      ],
      //类别列表
      editableTabs: [
        {
          title: "话术分类一",
          title: "问题分类一",
          number: "1",
        },
        {
          title: "话术分类二",
          title: "问题分类二",
          number: "2",
        },
        {
          title: "话术分类三",
          title: "问题分类三",
          number: "2",
        },
        {
          title: "话术分类四",
          title: "问题分类四",
          number: "2",
        },
        {
          title: "话术分类五",
          title: "问题分类五",
          number: "2",
        },
      ],
@@ -713,7 +806,7 @@
    },
    // é¢˜ç›®çŠ¶æ€ä¿®æ”¹
    handleStatusChange(row) {
      let text = row.status === "0" ? "启用" : "停用";
      let text = row.status === "0" ? "可用" : "停用";
      this.$modal
        .confirm('确认要"' + text + '""' + row.userName + '"用户吗？')
        .then(function () {
@@ -726,12 +819,20 @@
          row.status = row.status === "0" ? "1" : "0";
        });
    },
    // ä¾§è¾¹--------------
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    //搜索类别
    sidecolumnss() {},
    // ä¾¿æ·æ ‡ç­¾
    tsgnameto() {},
    // åˆ‡æ¢å…±äº«/本地
    tophandleClick() {},
    // å–消按钮
    cancel() {
      this.indexopen = false;
@@ -778,13 +879,13 @@
    /** æ–°å¢žæŒ‰é’®æ“ä½œ */
    handleAdd() {
      this.reset();
      this.title = "新增话术";
      this.title = "新增问题";
      this.indexopen = true;
    },
    /** ä¿®æ”¹æŒ‰é’®æ“ä½œ */
    handleUpdate(row) {
      this.reset();
      this.title = "修改话术";
      this.title = "修改问题";
      this.indexopen = true;
    },
    // ä¿®æ”¹åˆ†ç±»å¼¹æ¡†

 vue.config.js

@@ -9,7 +9,7 @@

const name = process.env.VUE_APP_TITLE || '患者智慧服务系统' // ç½‘页标题

const port = process.env.port || process.env.npm_config_port || 8091 // ç«¯å£
const port = process.env.port || process.env.npm_config_port || 8099 // ç«¯å£

// vue.config.js é…ç½®è¯´æ˜Ž
//官方vue.config.js å‚考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions