WXL
2023-12-18 d94d00d2cd9eaf87bb3776f72f8e73410b93cb7a
src/views/system/label/index.vue
@@ -6,7 +6,7 @@
        <div class="top-wj">患者标签类型</div>
        <div class="top-tj" @click="dialogFormVisible = true">+添加</div>
      </div>
      <div class="center-ss">
      <!-- <div class="center-ss">
        <el-input
          placeholder="请输入内容"
          v-model="sidecolumnval"
@@ -19,14 +19,19 @@
            icon="el-icon-search"
          ></el-button>
        </el-input>
      </div>
      </div> -->
      <div class="bottom-fl">
        <el-tabs tab-position="right">
          <el-tab-pane :label="`全部 (${total})`"></el-tab-pane>
        <el-tabs
          tab-position="right"
          v-model="queryParams.tagcategoryid"
          @tab-click="handleClick"
        >
          <el-tab-pane :label="`全部 (${tagtotal})`" name="0"></el-tab-pane>
          <el-tab-pane
            class="tab-paness"
            :key="item.name"
            v-for="(item, index) in editableTabs"
            :key="item.categoryname"
            :name="item.tagcategoryid.toString()"
          >
            <span slot="label">
              {{
@@ -168,6 +173,7 @@
                align="center"
                key="updateTime"
                prop="updateTime"
                width="200"
              >
                <template slot-scope="scope">
                  <span
@@ -182,7 +188,7 @@
                align="center"
                key="tagdescription"
                prop="tagdescription"
                width="120"
                width="200"
              >
              </el-table-column>
              <el-table-column
@@ -195,8 +201,8 @@
                <template slot-scope="scope">
                  <el-switch
                    v-model="scope.row.isupload"
                    :active-value="'1'"
                    :inactive-value="'0'"
                    :active-value="1"
                    :inactive-value="0"
                    active-color="#13ce66"
                    @change="handleStatusChange(scope.row)"
                  ></el-switch>
@@ -288,7 +294,7 @@
        <el-form-item label="标签名称">
          <el-input v-model="tagform.tagname"></el-input>
        </el-form-item>
        <el-form-item label="标签描述">
        <el-form-item label="标签分类">
          <el-select
            v-model="tagform.tagcategoryid"
            placeholder="请选择标签分类"
@@ -325,21 +331,20 @@
</template>
<script>
import { changetagcategory } from "@/api/system/label";
import {
  listbase_tag,
  getbase_tag,
  addbase_tag,
  updatebase_tag,
  delbase_tag,
} from "@/api/smartorpor/base_tag";
import {
  listbase_tagcategory,
  getbase_tagcategory,
  addbase_tagcategory,
  updatebase_tagcategory,
  delbase_tagcategory,
} from "@/api/smartorpor/base_tagcategory";
  changetagcategory,
  toamendtag,
  toamendtagcategory,
  addapitag,
  addtagcategory,
  detailstag,
  deletetag,
  deletetagcategory,
  exporttag,
  listtag,
  tagclassifylist,
} from "@/api/system/label";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@@ -363,6 +368,7 @@
      idds: "", //分类id
      // 总条数
      total: 0,
      tagtotal: 0,
      amendtag: false, //是否修改类别
      lstamendtag: false, //是否修改标签
      scavisible: false, //删除弹框
@@ -421,30 +427,14 @@
        },
      ],
      //类别列表
      editableTabs: [
        {
          title: "高血压",
          number: "1",
        },
        {
          title: "糖尿病",
          number: "2",
        },
        {
          title: "骨折",
          number: "2",
        },
        {
          title: "心脏病",
          number: "2",
        },
      ],
      editableTabs: [],
      // 查询标签列表参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        tagname: undefined,
        tagdescription: undefined,
        tagcategoryid: "0",
      },
      // 列信息
      columns: [
@@ -512,12 +502,15 @@
  methods: {
    /** 查询标签列表 */
    getList() {
      listbase_tag(this.addDateRange(this.queryParams)).then((response) => {
        console.log(response);
    getList(row) {
      console.log(this.queryParams);
      listtag(this.addDateRange(this.queryParams)).then((response) => {
        this.total = response.total;
        this.userList = response.rows;
      });
    },
    handleClick() {
      this.getList();
    },
    /** 修改标签 */
    handleUpdate(row) {
@@ -546,16 +539,17 @@
    // 添加/修改标签
    Maintenancetag() {
      if (this.lstamendtag) {
        updatebase_tag(this.addDateRange(this.tagform)).then((response) => {
        toamendtag(this.tagform).then((response) => {
          console.log(response);
          this.lstamendtagVisible = false;
          this.gitclasify();
          this.getList();
        });
      } else {
        addbase_tag(this.addDateRange(this.tagform)).then((response) => {
        addapitag(this.tagform).then((response) => {
          console.log(response);
          this.lstamendtagVisible = false;
          this.gitclasify();
          this.getList();
        });
      }
@@ -570,24 +564,29 @@
    // 获取标签分类
    gitclasify() {
      listbase_tagcategory(this.addDateRange(this.forms)).then((response) => {
      tagclassifylist(this.addDateRange(this.forms)).then((response) => {
        console.log(response);
        this.numberlb = response.total;
        this.editableTabs = response.rows;
        const sum = this.editableTabs.reduce((accumulator, currentValue) => {
          return accumulator + Number(currentValue.tagNum);
        }, 0);
        console.log(sum);
        this.tagtotal = sum;
      });
    },
    // 添加/修改类别
    submitsidecolumn() {
      if (this.amendtag) {
        this.classifyform.tagcategoryid = this.idds;
        updatebase_tagcategory(this.addDateRange(this.classifyform)).then(
        toamendtagcategory(this.addDateRange(this.classifyform)).then(
          (response) => {
            console.log(response);
            this.gitclasify();
          }
        );
      } else {
        addbase_tagcategory(this.addDateRange(this.classifyform)).then(
        addtagcategory(this.addDateRange(this.classifyform)).then(
          (response) => {
            console.log(response);
            this.gitclasify();
@@ -603,7 +602,7 @@
    //删除分类
    deletefenlei(row) {
      if (this.deleteVisible) {
        delbase_tagcategory(this.idds).then((response) => {
        deletetagcategory(this.idds).then((response) => {
          console.log(response);
          this.gitclasify();
        });
@@ -643,17 +642,17 @@
    // 标签状态修改
    handleStatusChange(row) {
      console.log(row.isupload);
      let text = row.isupload == "0" ? "停用" : "启用";
      let text = row.isupload == 0 ? "停用" : "启用";
      this.$modal
        .confirm('确认要"' + text + '""' + row.tagname + '"标签吗?')
        .then(function () {
          return updatebase_tag(row);
          return toamendtag(row);
        })
        .then(() => {
          this.$modal.msgSuccess(text + "成功");
        })
        .catch(function () {
          row.isupload = row.isupload == "0" ? "1" : "0";
          row.isupload = row.isupload == 0 ? 1 : 0;
        });
    },
    /** 搜索按钮操作 */
@@ -689,10 +688,11 @@
            : "是否确认删除选中的数据项?"
        )
        .then(function () {
          return delbase_tag(tagids);
          return deletetag(tagids);
        })
        .then(() => {
          this.getList();
    this.gitclasify();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => {});