| | |
| | | class="input-with-select" |
| | | size="medium" |
| | | > |
| | | <el-button |
| | | @click="sidecolumnss" |
| | | slot="append" |
| | | icon="el-icon-search" |
| | | ></el-button> |
| | | </el-input> |
| | | </div> |
| | | <div class="bottom-fl"> |
| | | <el-menu |
| | | default-active="3" |
| | | class="el-menu-vertical-demo" |
| | | @open="handleOpen" |
| | | @close="handleClose" |
| | | @select="handleSelect" |
| | | <div class="head-container" style="margin-top: 20px"> |
| | | <el-tree |
| | | :data="deptOptions" |
| | | :props="defaultProps" |
| | | :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | node-key="id" |
| | | default-expand-all |
| | | highlight-current |
| | | @node-click="handleNodeClick" |
| | | > |
| | | <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" |
| | | :key="item.title" |
| | | v-for="(item, index) in editableTabs" |
| | | > |
| | | <span slot="label"> |
| | | {{ |
| | | item.title + " (" + item.number + ")" |
| | | }}   <el-popover |
| | | placement="top-start" |
| | | width="100" |
| | | trigger="hover" |
| | | <span class="custom-tree-node" slot-scope="{ node, data }"> |
| | | <span>{{ node.label }}</span> |
| | | <span v-if="data.id > 0"> |
| | | <el-button |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | circle |
| | | size="mini" |
| | | @click="() => remove(node, data)" |
| | | > |
| | | <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-button> |
| | | </span> |
| | | <span v-if="data.id > 0"> |
| | | <el-button |
| | | type="text" |
| | | circle |
| | | size="mini" |
| | | @click="() => altertag(node, data)" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit-outline"></i |
| | | ></span> |
| | | </el-button> |
| | | </span> |
| | | </span> |
| | | </el-tree> |
| | | </div> |
| | | </div> |
| | | <!-- 右侧数据 --> |
| | |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item label="宣教标题" prop="userName"> |
| | | <el-form-item label="通知标题" prop="preachname"> |
| | | <el-input |
| | | v-model="queryParams.userName" |
| | | v-model="queryParams.preachname" |
| | | placeholder="请输入" |
| | | clearable |
| | | style="width: 200px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="适用科室" prop="sickness"> |
| | | <el-cascader |
| | | v-model="queryParams.sickness" |
| | | :options="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-form-item label="适用院区" prop="region"> |
| | | <el-select |
| | | v-model="queryParams.classifyvalue" |
| | | placeholder="请选择" |
| | | v-model="campus" |
| | | size="medium" |
| | | multiple |
| | | filterable |
| | | placeholder="请选择分类" |
| | | > |
| | | <el-option |
| | | v-for="(item, index) in editableTabs" |
| | | :key="index++" |
| | | :label="item.title" |
| | | :value="index++" |
| | | v-for="item in courtyardlist" |
| | | :key="item.label" |
| | | :label="item.label" |
| | | :value="item.label" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="通知内容" prop="userName"> |
| | | <el-input |
| | | v-model="queryParams.preachcontent" |
| | | placeholder="请输入" |
| | | clearable |
| | | style="width: 200px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="可用状态" prop="classify"> |
| | | <el-select |
| | | v-model="queryParams.classifyvalue" |
| | | v-model="queryParams.isavailable" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="(item, index) in editableTabsky" |
| | | :key="index++" |
| | | :label="item.title" |
| | | :value="index++" |
| | | v-for="(item, index) in qyoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | |
| | | |
| | | <!-- <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" |
| | |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column |
| | | label="序号" |
| | | fixed |
| | | align="center" |
| | | key="userid" |
| | | prop="userid" |
| | | key="id" |
| | | prop="id" |
| | | /> |
| | | <el-table-column |
| | | label="标题" |
| | | fixed |
| | | align="center" |
| | | key="userName" |
| | | prop="userName" |
| | | width="150" |
| | | key="preachname" |
| | | prop="preachname" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="版本" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | key="version" |
| | | prop="version" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="主要内容" |
| | | align="center" |
| | | key="userNamevalue" |
| | | prop="userNamevalue" |
| | | width="260" |
| | | key="preachcontent" |
| | | prop="preachcontent" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | |
| | | key="aphonenumber" |
| | | prop="aphonenumber" |
| | | width="120" |
| | | /><el-table-column |
| | | label="适用科室" |
| | | align="center" |
| | | key="bphonenumber" |
| | | prop="bphonenumber" |
| | | width="120" |
| | | /> |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="illnessUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-date"></i>详情</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="标签" |
| | | align="center" |
| | | key="tagList" |
| | | prop="tagList" |
| | | key="labelInfo" |
| | | prop="labelInfo" |
| | | width="160" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span v-for="item in scope.row.tagList">{{ item }} </span> |
| | | <div v-if="scope.row.labelInfo"> |
| | | <span v-for="item in scope.row.labelInfo.split(',')" |
| | | >{{ item }}、 |
| | | </span> |
| | | </div> |
| | | <div v-else> |
| | | <span>无</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="宣教方式" |
| | | label="适用方式" |
| | | align="center" |
| | | key="cphonenumber" |
| | | prop="cphonenumber" |
| | | key="suitway" |
| | | prop="suitway" |
| | | width="120" |
| | | /> |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.suitway"> |
| | | <span v-for="item in scope.row.suitway.split(',')" |
| | | >{{ item }}、 |
| | | </span> |
| | | </div> |
| | | <div v-else> |
| | | <span>无</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="资料形式" |
| | | label="内容形式" |
| | | align="center" |
| | | key="cphonenumber" |
| | | prop="cphonenumber" |
| | | key="preachform" |
| | | prop="preachform" |
| | | width="120" |
| | | /> |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="editabshape" |
| | | :value="scope.row.preachform" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="最近修改" |
| | | align="center" |
| | | key="cphonenumber" |
| | | prop="cphonenumber" |
| | | key="updateTime" |
| | | prop="updateTime" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="是否可用" |
| | | align="center" |
| | | key="cphonenumber" |
| | | prop="cphonenumber" |
| | | key="isavailable" |
| | | prop="isavailable" |
| | | width="120" |
| | | /> |
| | | > |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="usable" :value="scope.row.isavailable" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | fixed="right" |
| | | align="center" |
| | | width="300" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | <!-- <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="goQRCode(scope.row)" |
| | |
| | | <span class="button-text" |
| | | ><i class="el-icon-edit"></i>二维码</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | > --> |
| | | <!-- <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="Vieweducation(scope.row)" |
| | |
| | | ><span class="button-textck" |
| | | ><i class="el-icon-edit"></i>查看</span |
| | | ></el-button |
| | | > |
| | | > --> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | |
| | | /> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <!-- 添加或修改宣教配置对话框 --> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="900px" |
| | | append-to-body |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="姓名" prop="nickName"> |
| | | <el-input |
| | | v-model="form.nickName" |
| | | placeholder="请输入姓名" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="性别" prop="deptId"> |
| | | <el-select v-model="form.sex" placeholder="请选择性别"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="证件类型" prop="phonenumber"> |
| | | <el-input |
| | | v-model="form.phonenumber" |
| | | placeholder="请选择证件类型" |
| | | maxlength="11" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="证件号" prop="email"> |
| | | <el-input |
| | | v-model="form.email" |
| | | placeholder="请输入证件号" |
| | | maxlength="50" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="本人手机号" prop="userName"> |
| | | <el-input |
| | | v-model="form.userName" |
| | | placeholder="请输入手机号" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="亲属手机号" prop="password"> |
| | | <el-input |
| | | v-model="form.password" |
| | | placeholder="请输入亲属手机号" |
| | | type="password" |
| | | maxlength="20" |
| | | show-password |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="患者标签"> |
| | | <el-cascader |
| | | :options="optionss" |
| | | :props="propss" |
| | | clearable |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | <!-- 添加类别弹框 --> |
| | | <el-dialog |
| | | :title="amendtag ? '修改类别' : '新增类别'" |
| | | width="30%" |
| | | :visible.sync="dialogFormVisible" |
| | | > |
| | | <el-dialog title="新增类别" width="30%" :visible.sync="dialogFormVisible"> |
| | | <div style="text-align: center; margin-bottom: 20px"> |
| | | <el-radio-group v-model="radio"> |
| | | <el-radio-button label="主分类"></el-radio-button> |
| | | <el-radio-button label="子分类"></el-radio-button> |
| | | </el-radio-group> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <el-form :model="classifyform"> |
| | | <el-form-item label="请选择宣教大类"> |
| | | <el-select v-model="classifyform.broadheading" placeholder="请选择"> |
| | | <el-form-item label="请选择问题大类" v-if="radio == '子分类'"> |
| | | <el-select v-model="classifyform.pid" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in optionss" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | v-for="item in deptOptions" |
| | | :key="item.id" |
| | | :label="item.assortname" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="amendtag ? '请输入新的类别名称' : '请输入类别名称'" |
| | | > |
| | | <el-form-item label="请输入类别名称"> |
| | | <el-input |
| | | v-model="classifyform.categoryname" |
| | | v-model="classifyform.assortname" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogFormVisible = false">取 消</el-button> |
| | | <el-button @click="getDeptTree()">取 消</el-button> |
| | | <el-button type="primary" @click="submitsidecolumn">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 删除类别确认框 --> |
| | | <el-dialog title="警告" :visible.sync="deleteVisible" width="40%"> |
| | | <div style="font-size: 20px; color: rgb(247, 76, 76)"> |
| | | 是否确认删除分类:[<span>{{ deletefenl }}</span |
| | | >]? |
| | | </div> |
| | | <div style="font-size: 20px"> |
| | | 此操作会将该类别下所有模块转移至[未分类],是否继续删除此分类? |
| | | <!-- 疾病弹框 --> |
| | | <el-dialog title="指标疾病" :visible.sync="illnessVisible" width="50%"> |
| | | <div> |
| | | <div class="xinz-infs"> |
| | | <el-tag |
| | | :key="item.icd10name" |
| | | type="warning" |
| | | v-for="item in illnesslist" |
| | | closable |
| | | :disable-transitions="false" |
| | | @close="handleCloseillness(item)" |
| | | > |
| | | {{ item.icd10name }} |
| | | </el-tag> |
| | | <el-select |
| | | v-model="inputValue" |
| | | v-if="inputVisible" |
| | | @change="illnessConfirm" |
| | | :remote-method="remoteMethod" |
| | | filterable |
| | | remote |
| | | allow-create |
| | | default-first-option |
| | | placeholder="请选择/查询" |
| | | :loading="loading" |
| | | > |
| | | <el-option |
| | | v-for="item in optionsillness" |
| | | :key="item.icdid" |
| | | :label="item.icdname" |
| | | :value="item.icdid" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-button |
| | | v-else |
| | | class="button-new-tag" |
| | | size="small" |
| | | @click="showInput" |
| | | >+ 新增疾病</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="deleteVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="deletefenlei">确 定</el-button> |
| | | <el-button @click="illnessVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="confirmillness">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <!-- 二维码展示弹框 --> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listUser, delUser, addUser, updateUser } from "@/api/system/user"; |
| | | import { |
| | | getheLibraryAssort, |
| | | delheLibraryAssort, |
| | | addheLibraryAssort, |
| | | editheLibraryAssort, |
| | | addtargetillness, |
| | | getlibrarylist, |
| | | dellibraryinfo, |
| | | compilelibrary, |
| | | getlibraryinfo, |
| | | getillnesslist, |
| | | illnesslistget, |
| | | getillness, |
| | | } from "@/api/AiCentre/index"; |
| | | import { listDept } from "@/api/system/dept"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import store from "@/store"; |
| | | |
| | | import Treeselect from "@riophae/vue-treeselect"; |
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
| | | export default { |
| | |
| | | total: 0, |
| | | nameeducation: "", |
| | | haoeducation: "", |
| | | indexid: null, |
| | | inputValue: "", |
| | | radio: "主分类", |
| | | inputVisible: false, |
| | | illnessVisible: false, //指标疾病弹框 |
| | | deptOptions: [], |
| | | courtyardlist: [], |
| | | optionsillness: [], |
| | | illnesslistapi: [], |
| | | illnesslist: [], |
| | | campus: [], |
| | | defaultProps: { |
| | | children: "heLibraryAssortList", |
| | | label: "assortname", |
| | | }, |
| | | // 用户表格数据 |
| | | userList: [ |
| | | { |
| | | userid: 1, |
| | | userName: "三号宣教", |
| | | nickName: "1.2.4", |
| | | |
| | | aphonenumber: "关节炎症", |
| | | bphonenumber: "很棒", |
| | | cphonenumber: "2022-12-12", |
| | |
| | | classifyform: { |
| | | categoryname: "", |
| | | }, //类别表单 |
| | | optionss: [ |
| | | { |
| | | value: 1, |
| | | label: "类型一", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "类型二", |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "类型三", |
| | | }, |
| | | { |
| | | value: 4, |
| | | label: "类型四", |
| | | }, |
| | | ], |
| | | xjxsoptions: [ |
| | | { |
| | | value: 1, |
| | | label: "视频", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "讲座", |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "语音", |
| | | }, |
| | | ], |
| | | editableTabsky: [ |
| | | { |
| | | title: "可用", |
| | | number: "1", |
| | | }, |
| | | { |
| | | title: "停用", |
| | | number: "2", |
| | | }, |
| | | ], |
| | | optionss: [], |
| | | mode: [], |
| | | qyoptions: [], |
| | | languagelist: [], |
| | | editabshape: [], |
| | | usable: [], |
| | | precedencetype: [], |
| | | xjxsoptions: [], |
| | | deptList: [], |
| | | props: { multiple: true, value: "deptId", label: "deptName" }, |
| | | |
| | | //类别列表 |
| | | editableTabs: [ |
| | | { |
| | | title: "短信", |
| | | number: "1", |
| | | }, |
| | | { |
| | | title: "钉钉", |
| | | number: "2", |
| | | }, |
| | | { |
| | | title: "微信", |
| | | number: "3", |
| | | }, |
| | | { |
| | | title: "电话", |
| | | number: "4", |
| | | }, |
| | | { |
| | | title: "线下", |
| | | number: "5", |
| | | }, |
| | | { |
| | | title: "智能语音", |
| | | number: "6", |
| | | }, |
| | | ], |
| | | editableTabs: [], |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | sickness: "", |
| | | classifyvalue: "", |
| | | shapevalue: "", |
| | | userName: undefined, |
| | | }, |
| | | // 列信息 |
| | | columns: [ |
| | | { key: 0, label: `用户编号`, visible: true }, |
| | | { key: 1, label: `用户名称`, visible: true }, |
| | | { key: 2, label: `用户昵称`, visible: true }, |
| | | { key: 3, label: `部门`, visible: true }, |
| | | { key: 4, label: `手机号码`, visible: true }, |
| | | { key: 5, label: `状态`, visible: true }, |
| | | { key: 6, label: `创建时间`, visible: true }, |
| | | ], |
| | | // 表单校验 |
| | | rules: { |
| | | userName: [ |
| | | { required: true, message: "用户名称不能为空", trigger: "blur" }, |
| | | { |
| | | min: 2, |
| | | max: 20, |
| | | message: "用户名称长度必须介于 2 和 20 之间", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | nickName: [ |
| | | { required: true, message: "用户昵称不能为空", trigger: "blur" }, |
| | | ], |
| | | password: [ |
| | | { required: true, message: "用户密码不能为空", trigger: "blur" }, |
| | | { |
| | | min: 5, |
| | | max: 20, |
| | | message: "用户密码长度必须介于 5 和 20 之间", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | email: [ |
| | | { |
| | | type: "email", |
| | | message: "请输入正确的邮箱地址", |
| | | trigger: ["blur", "change"], |
| | | }, |
| | | ], |
| | | phonenumber: [ |
| | | { |
| | | pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | message: "请输入正确的手机号码", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | IDnumber: [ |
| | | { |
| | | pattern: |
| | | /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/, |
| | | message: "请输入正确的身份证号码", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | isavailable: "", |
| | | }, |
| | | }; |
| | | }, |
| | | watch: {}, |
| | | created() { |
| | | this.getList(); |
| | | this.getDeptTree(); |
| | | this.mode = store.getters.mode; |
| | | this.languagelist = store.getters.languagelist; |
| | | this.usable = store.getters.usable; |
| | | this.precedencetype = store.getters.precedencetype; |
| | | this.editabshape = store.getters.editabshape; |
| | | this.qyoptions = store.getters.usable; |
| | | this.courtyardlist = store.getters.courtyardlist; |
| | | }, |
| | | |
| | | methods: { |
| | | /** 查询用户列表 */ |
| | | /** 查询宣教列表 */ |
| | | getList() { |
| | | // this.loading = true; |
| | | listUser().then((response) => { |
| | | this.loading = true; |
| | | getlibrarylist(this.queryParams).then((response) => { |
| | | console.log(response); |
| | | // this.userList = response.data; |
| | | // this.total = response.total; |
| | | // this.loading = false; |
| | | console.log(this.userList); |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | // const { rows } = await listUser(); |
| | | // console.log(rows); |
| | | // this.list = rows; |
| | | listDept(this.queryParams).then((response) => { |
| | | this.deptList = this.handleTree(response.data, "deptId"); |
| | | }); |
| | | }, |
| | | // 添加类别 |
| | | submitsidecolumn() { |
| | | this.dialogFormVisible = false; |
| | | }, |
| | | // 修改分类弹框 |
| | | popoveramend(tagcategoryid) { |
| | | this.idds = tagcategoryid; |
| | | this.amendtag = true; |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | // 添加、修改类别 |
| | | submitsidecolumn() { |
| | | if (this.amendtag) { |
| | | this.classifyform.tagcategoryid = this.idds; |
| | | // toamendtagcategory(this.addDateRange(this.classifyform)).then( |
| | | // (response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // } |
| | | // ); |
| | | } else { |
| | | // addtagcategory(this.addDateRange(this.classifyform)).then( |
| | | // (response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // } |
| | | // ); |
| | | } |
| | | this.classifyform = { |
| | | categoryname: "", |
| | | }; |
| | | this.idds = ""; |
| | | this.dialogFormVisible = false; |
| | | }, |
| | | //删除分类 |
| | | deletefenlei(row) { |
| | | if (this.deleteVisible) { |
| | | // deletetagcategory(this.idds).then((response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // }); |
| | | this.deleteVisible = false; |
| | | this.idds = ""; |
| | | } else { |
| | | this.deleteVisible = true; |
| | | this.idds = row.tagcategoryid; |
| | | 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() {}, |
| | | // 切换共享/本地 |
| | | tophandleClick() {}, |
| | | |
| | | // 取消按钮 |
| | | cancel() { |
| | | this.open = false; |
| | |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | | this.form = { |
| | | userId: undefined, |
| | | deptId: undefined, |
| | | userName: undefined, |
| | | nickName: undefined, |
| | | password: undefined, |
| | | phonenumber: undefined, |
| | | email: undefined, |
| | | sex: undefined, |
| | | status: "0", |
| | | remark: undefined, |
| | | postIds: [], |
| | | roleIds: [], |
| | | }; |
| | | this.form = {}; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.queryParams.campus = this.campus.join(","); |
| | | this.getList(); |
| | | }, |
| | | /** 重置按钮操作 */ |
| | |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map((item) => item.userId); |
| | | this.ids = selection.map((item) => item.id); |
| | | this.single = selection.length != 1; |
| | | this.multiple = !selection.length; |
| | | }, |
| | |
| | | handleUpdate(row) { |
| | | this.$router.push({ |
| | | path: "/knowledge/education/compilequer/", |
| | | query: { id: "1" }, |
| | | query: { id: row.id }, |
| | | }); |
| | | }, |
| | | // 查看宣教 |
| | | Vieweducation() { |
| | | this.$router.push({ |
| | | path: "/knowledge/education/examine/", |
| | | query: { id: "1" }, |
| | | query: { id: row.id }, |
| | | }); |
| | | }, |
| | | |
| | | /** 更新/修改提交按钮 */ |
| | | submitForm: function () { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.form.userId != undefined) { |
| | | updateUser(this.form).then((response) => { |
| | | this.$modal.msgSuccess("修改成功"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } else { |
| | | addUser(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const userIds = row.userId || this.ids; |
| | | const userIds = row.id || this.ids; |
| | | this.$modal |
| | | .confirm('是否确认删除用户编号为"' + userIds + '"的数据项?') |
| | | .then(function () { |
| | | return delUser(userIds); |
| | | return dellibraryinfo(userIds); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | |
| | | // 分类树----------------------------------------- |
| | | // 修改分类弹框 |
| | | popoveramend(tagcategoryid) { |
| | | this.idds = tagcategoryid; |
| | | this.amendtag = true; |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | // 查询树 |
| | | getDeptTree() { |
| | | getheLibraryAssort({}).then((res) => { |
| | | this.deptOptions = res.rows; |
| | | this.dialogFormVisible = false; |
| | | }); |
| | | }, |
| | | |
| | | // 添加类别树 |
| | | submitsidecolumn() { |
| | | if (this.classifyform.id) { |
| | | editheLibraryAssort(this.classifyform).then((res) => { |
| | | this.getDeptTree(); |
| | | this.$modal.msgSuccess("修改成功"); |
| | | this.classifyform = {}; |
| | | this.dialogFormVisible = false; |
| | | }); |
| | | return; |
| | | } |
| | | let calssvalue = {}; |
| | | if ( |
| | | this.classifyform.pid && |
| | | this.classifyform.assortname && |
| | | this.radio == "子分类" |
| | | ) { |
| | | const index = this.deptOptions.findIndex( |
| | | (obj) => obj.id == this.classifyform.pid |
| | | ); |
| | | calssvalue = this.deptOptions[index]; |
| | | calssvalue.heLibraryAssortList.push(this.classifyform); |
| | | } else if (this.radio == "主分类" && this.classifyform.assortname) { |
| | | this.classifyform.pid = null; |
| | | this.classifyform.heLibraryAssortList = []; |
| | | } else { |
| | | return this.$modal.msgError("请填写完整信息"); |
| | | } |
| | | this.classifyform.hetype = 1; |
| | | addheLibraryAssort(this.classifyform).then((res) => { |
| | | this.getDeptTree(); |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.classifyform = {}; |
| | | this.dialogFormVisible = false; |
| | | }); |
| | | }, |
| | | remove(a, b) { |
| | | if (b.pid) { |
| | | this.$modal |
| | | .confirm('是否确认删除分类项为"' + b.assortname + '"的数据项?') |
| | | .then(function () { |
| | | return delheLibraryAssort(b.id); |
| | | }) |
| | | .then(() => { |
| | | this.getDeptTree(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }) |
| | | .catch(() => {}); |
| | | } else { |
| | | this.$modal |
| | | .confirm( |
| | | '是否确认删除一级分类"' + |
| | | b.assortname + |
| | | '"?删除后其下分类将归类‘未分类’' |
| | | ) |
| | | .then(() => { |
| | | return delheLibraryAssort(b.id); |
| | | }) |
| | | .then(() => { |
| | | this.getDeptTree(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }) |
| | | .catch(() => {}); |
| | | } |
| | | }, |
| | | altertag(a, b) { |
| | | this.dialogFormVisible = true; |
| | | if (!b.pid) { |
| | | this.radio = "主分类"; |
| | | } else { |
| | | this.radio = "子分类"; |
| | | } |
| | | this.classifyform = b; |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | |
| | | // 筛选节点 |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | return data.assortname.indexOf(value) !== -1; |
| | | }, |
| | | handleNodeClick(data) { |
| | | this.queryParams.assortid = data.id; |
| | | this.getList(); |
| | | }, |
| | | // 疾病----------------------- |
| | | illnessUpdate(row) { |
| | | this.illnessVisible = true; |
| | | this.indexid = row.id; |
| | | this.illnesslistapi = []; |
| | | const illnessqueryParams = { |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | | }; |
| | | getillnesslist(illnessqueryParams).then((response) => { |
| | | console.log(response); |
| | | this.optionsillness = response.rows; |
| | | }); |
| | | getillness({ outid: row.id, type: 6 }).then((res) => { |
| | | this.illnesslist = res.rows; |
| | | console.log(res); |
| | | }); |
| | | }, |
| | | handleCloseillness(tag) { |
| | | this.illnesslist.splice(this.illnesslist.indexOf(tag), 1); |
| | | if (tag.id) { |
| | | this.illnesslistapi.push(tag.id); |
| | | } |
| | | }, |
| | | remoteMethod(value) { |
| | | console.log(value); |
| | | const illnessqueryParams = { |
| | | pageNum: 1, |
| | | pageSize: 100, |
| | | icdname: value, |
| | | }; |
| | | this.loading = true; |
| | | setTimeout(() => { |
| | | this.loading = false; |
| | | getillnesslist(illnessqueryParams).then((response) => { |
| | | this.optionsillness = response.rows; |
| | | }); |
| | | }, 200); |
| | | }, |
| | | illnessConfirm(item) { |
| | | let opeavalue = {}; |
| | | let tagname = this.inputValue; |
| | | illnesslistget(item).then((res) => { |
| | | opeavalue = res.data; |
| | | opeavalue.outid = this.indexid; |
| | | opeavalue.type = 6; |
| | | opeavalue.icd10id = opeavalue.icdid; |
| | | opeavalue.icd10name = opeavalue.icdname; |
| | | opeavalue.icd10code = opeavalue.icdcode; |
| | | if (tagname) { |
| | | this.illnesslist.push(opeavalue); |
| | | } |
| | | }); |
| | | console.log(this.illnesslist); |
| | | this.inputVisible = false; |
| | | this.inputValue = ""; |
| | | }, |
| | | confirmillness() { |
| | | this.illnesslist.forEach((item, index) => { |
| | | if (!item.id) { |
| | | addtargetillness(item).then((res) => {}); |
| | | } |
| | | }); |
| | | if (this.illnesslistapi.length) { |
| | | deltargetillness(this.illnesslistapi.join(",")).then((res) => {}); |
| | | } |
| | | this.illnessVisible = false; |
| | | this.$modal.msgSuccess("编辑成功"); |
| | | }, |
| | | showInput() { |
| | | this.inputVisible = true; |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | margin-top: 20px; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #edf1f7; |
| | | background: #fff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | |
| | | font-size: 20px; |
| | | } |
| | | } |
| | | .xinz-infs { |
| | | font-size: 18px; |
| | | 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; |
| | | } |
| | | } |
| | | ::v-deep .el-tree-node__content { |
| | | display: -webkit-box; |
| | | display: -ms-flexbox; |
| | | display: flex; |
| | | -webkit-box-align: center; |
| | | -ms-flex-align: center; |
| | | align-items: center; |
| | | height: 46px; |
| | | font-size: 20px; |
| | | cursor: pointer; |
| | | } |
| | | ::v-deep .el-tree { |
| | | position: relative; |
| | | cursor: default; |
| | | border-radius: 5px; |
| | | background: #eff8fe; |
| | | color: #606266; |
| | | border: 1px solid #bbe1fa; |
| | | // border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | } |
| | | ::v-deep |
| | | .el-tree--highlight-current |
| | | .el-tree-node.is-current |
| | | > .el-tree-node__content { |
| | | background-color: #7799fb; |
| | | color: #fff; |
| | | } |
| | | ::v-deep .el-button--mini.is-circle { |
| | | padding: 7px; |
| | | margin: 0; |
| | | color: red; |
| | | } |
| | | .button-text { |
| | | color: rgb(70, 204, 238); |
| | | } |