From 4e32f1188e9d0cafd3511994d2d13617ca6e08f9 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 15 十二月 2023 11:15:00 +0800 Subject: [PATCH] 完成 --- src/views/knowledge/questionbank/index.vue | 1331 +++++++++++++++++++++++++-------------------------------- 1 files changed, 587 insertions(+), 744 deletions(-) diff --git a/src/views/knowledge/questionbank/index.vue b/src/views/knowledge/questionbank/index.vue index c16345f..e3390af 100644 --- a/src/views/knowledge/questionbank/index.vue +++ b/src/views/knowledge/questionbank/index.vue @@ -1,509 +1,353 @@ <template> - <div class="app-container"> - <el-row :gutter="20"> - <!--鐢ㄦ埛鏁版嵁--> - <el-col :span="24" :xs="24"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - v-show="showSearch" - label-width="98px" + <div class="Questionnairemanagement"> + <!-- 宸︿晶鏍� --> + <div class="sidecolumn"> + <div class="sidecolumn-top"> + <div class="top-wj">闂绫诲瀷</div> + <div class="top-tj" @click="dialogFormVisible = true">+娣诲姞</div> + </div> + <div class="center-ss"> + <el-input + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="sidecolumnval" + class="input-with-select" + size="medium " > - <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="IDnumber"> - <el-input - v-model="queryParams.IDnumber" - placeholder="璇疯緭鍏ヨ韩浠借瘉鍙风爜" - clearable - style="width: 250px" - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-form-item label="鑱旂郴鏂瑰紡" prop="phonenumber"> - <el-input - v-model="queryParams.phonenumber" - placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" - clearable - style="width: 280px" - @keyup.enter.native="handleQuery" - /> - </el-form-item> - <el-row> - <el-form-item label="鎮h�呮爣绛�" prop="status"> - <el-cascader - v-model="queryParams.status" - :options="optionss" - :props="propss" - clearable - ></el-cascader> - </el-form-item> - </el-row> - - <!-- <el-form-item label="鍒涘缓鏃堕棿"> - <el-date-picker - v-model="dateRange" - style="width: 240px" - value-format="yyyy-MM-dd" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - ></el-date-picker> - </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-row :gutter="10" class="mb8"> - <el-col :span="1.5"> - <el-button - type="primary" - plain - icon="el-icon-plus" - size="medium" - @click="handleAdd" - v-hasPermi="['system:user:add']" - >鏂板</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="medium" - :disabled="single" - @click="handleUpdate" - v-hasPermi="['system:user:edit']" - >淇敼</el-button - > - </el-col> - <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="medium" - :disabled="multiple" - @click="handleDelete" - v-hasPermi="['system:user:remove']" - >鍒犻櫎</el-button - > - </el-col> - <el-col :span="19"> - <div class="documentf"> - <div class="document"> - <el-button - type="info" - plain - icon="el-icon-upload2" - size="medium" - @click="handleImport" - v-hasPermi="['system:user:import']" - >瀵煎叆</el-button - > - </div> - <div class="document"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="medium" - @click="handleExport" - v-hasPermi="['system:user:export']" - >瀵煎嚭</el-button - > - </div> - </div> - </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" - @selection-change="handleSelectionChange" + <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" > - <el-table-column type="selection" width="50" align="center" /> - <el-table-column - label="搴忓彿" - align="center" - key="userId" - prop="userId" - v-if="columns[0].visible" - /> - <el-table-column - label="濮撳悕" - align="center" - key="userName" - prop="userName" - v-if="columns[1].visible" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鎬у埆" - align="center" - key="nickName" - prop="nickName" - v-if="columns[2].visible" - :show-overflow-tooltip="true" - /> - <el-table-column - label="鎮h�呮爣绛�" - align="center" - key="deptName" - prop="dept.deptName" - v-if="columns[3].visible" - :show-overflow-tooltip="true" - /> - <el-table-column - label="璇佷欢绫诲瀷" - align="center" - key="phonenumber" - prop="phonenumber" - v-if="columns[4].visible" - width="120" - /><el-table-column - label="璇佷欢鍙风爜" - align="center" - key="phonenumber" - prop="phonenumber" - v-if="columns[4].visible" - width="120" - /> - <el-table-column - label="骞撮緞" - align="center" - key="phonenumber" - prop="phonenumber" - v-if="columns[4].visible" - width="120" - /> - <!-- <el-table-column - label="鐘舵��" - align="center" - key="status" - v-if="columns[5].visible" + <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-bg"> + <el-row :gutter="20"> + <!--鐢ㄦ埛鏁版嵁--> + <el-col :span="24" :xs="24"> + <el-form + :model="queryParams" + ref="queryForm" + size="small" + :inline="true" + v-show="showSearch" + label-width="98px" > - <template slot-scope="scope"> - <el-switch - v-model="scope.row.status" - active-value="0" - inactive-value="1" - @change="handleStatusChange(scope.row)" - ></el-switch> - </template> - </el-table-column> --> - - <el-table-column - label="鑱旂郴鏂瑰紡" - align="center" - key="phonenumber" - prop="phonenumber" - v-if="columns[4].visible" - width="120" - /> - <el-table-column - label="寤烘。鏃ユ湡" - align="center" - prop="createTime" - v-if="columns[6].visible" - width="160" - > - <template slot-scope="scope"> - <span>{{ parseTime(scope.row.createTime) }}</span> - </template> - </el-table-column> - <el-table-column - label="鏇存柊鏃ユ湡" - align="center" - prop="createTime" - v-if="columns[6].visible" - width="160" - > - <template slot-scope="scope"> - <span>{{ parseTime(scope.row.createTime) }}</span> - </template> - </el-table-column> - <el-table-column - label="鎿嶄綔" - align="center" - width="160" - class-name="small-padding fixed-width" - > - <template slot-scope="scope" v-if="scope.row.userId !== 1"> - <el-button - size="medium" - type="text" - icon="el-icon-edit" - @click="$router.push('/patient/patient/profile/')" - v-hasPermi="['system:user:edit']" - >鏌ョ湅</el-button - > - </template> - </el-table-column> - </el-table> - - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> - </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="鎮h�呮爣绛�"> - <!-- <el-select v-model="form.sex" placeholder="璇烽�夋嫨"> --> - <el-cascader - :options="optionss" - :props="propss" - clearable - ></el-cascader> - <!-- </el-select> --> - </el-form-item> - </el-col> - <!-- <el-col :span="12"> - <el-form-item label="鐘舵��"> - <el-radio-group v-model="form.status"> - <el-radio - v-for="dict in dict.type.sys_normal_disable" - :key="dict.value" - :label="dict.value" - >{{ dict.label }}</el-radio + <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-radio-group> - </el-form-item> - </el-col> --> - </el-row> - <!-- <el-row> - <el-col :span="12"> - <el-form-item label="宀椾綅"> - <el-select - v-model="form.postIds" - multiple - placeholder="璇烽�夋嫨宀椾綅" - > - <el-option - v-for="item in postOptions" - :key="item.postId" - :label="item.postName" - :value="item.postId" - :disabled="item.status == 1" - ></el-option> + </el-option> </el-select> </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="瑙掕壊"> - <el-select - v-model="form.roleIds" - multiple - placeholder="璇烽�夋嫨瑙掕壊" - > + <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="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> <el-option - v-for="item in roleOptions" - :key="item.roleId" - :label="item.roleName" - :value="item.roleId" - :disabled="item.status == 1" - ></el-option> + v-for="item in languagelist" + :key="item.value" + :label="item.label" + :value="item.value" + > + </el-option> </el-select> </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-form-item label="鏄惁鍙敤" prop="status"> + <el-select v-model="queryParams.status" placeholder="璇烽�夋嫨"> + <el-option + v-for="item in qyoptions" + :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-row :gutter="10" class="mb8"> + <el-col :span="1.5"> + <el-button + type="primary" + plain + icon="el-icon-plus" + size="medium" + @click="compileUpdate" + v-hasPermi="['system:user:add']" + >鏂板</el-button + > + </el-col> + + <el-col :span="1.5"> + <el-button + type="danger" + plain + icon="el-icon-delete" + size="medium" + :disabled="multiple" + @click="handleDelete" + v-hasPermi="['system:user:remove']" + >鍒犻櫎</el-button + > + </el-col> + </el-row> + <el-table + v-loading="loading" + :data="userList" + :border="true" + @selection-change="handleSelectionChange" + > + <el-table-column type="selection" width="50" align="center" /> + <el-table-column + label="搴忓彿" + align="center" + key="userId" + prop="userId" + /> + <el-table-column + label="棰樼洰鏍囬" + align="center" + key="userName" + prop="userName" + :show-overflow-tooltip="true" + /> + <el-table-column + label="棰樼洰鍐呭" + align="center" + key="nickName" + prop="nickName" + width="200" + :show-overflow-tooltip="true" + /> + + + /><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="鏍囩" + 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="indicator" + prop="indicator" + 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" + active-value="0" + inactive-value="1" + @change="handleStatusChange(scope.row)" + ></el-switch> + </template> + </el-table-column> + + <el-table-column + label="鎿嶄綔" + align="center" + width="250" + class-name="small-padding fixed-width" + > + <template slot-scope="scope"> + <el-button + size="medium" + type="text" + @click="compileUpdate(scope.row)" + v-hasPermi="['system:user:edit']" + ><span class="button-bji" + ><i class="el-icon-edit"></i>缂栬緫闂</span + ></el-button + > + <el-button + size="medium" + type="text" + @click="handleDelete(scope.row)" + v-hasPermi="['system:user:remove']" + ><span class="button-textsc" + ><i class="el-icon-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> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> </el-col> </el-row> + </div> + </div> + <!-- 娣诲姞绫诲埆寮规 --> + <el-dialog + :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'" + width="30%" + :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 ? '璇疯緭鍏ユ柊鐨勫瓙绫诲埆鍚嶇О' : '璇疯緭鍏ュ瓙绫诲埆鍚嶇О'" + > + <el-input + v-model="classifyform.categoryname" + autocomplete="off" + ></el-input> + </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> + <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button> </div> </el-dialog> - - <!-- 鐢ㄦ埛瀵煎叆瀵硅瘽妗� --> - <el-dialog - :title="upload.title" - :visible.sync="upload.open" - width="70%" - append-to-body - > - <el-steps :active="dractive" simple> - <el-step title="涓婁紶瀵煎叆鏂囦欢" icon="el-icon-upload"></el-step> - <el-step title="瀵煎叆妫�鏌�" icon="el-icon-picture"></el-step> - <el-step title="瀵煎叆缁撴灉" icon="el-icon-picture"></el-step> - </el-steps> - <!-- 涓婁紶瀵煎叆鏂囦欢 --> - <div class="download" v-if="dractive == 1"> - <el-upload - class="upload-demo" - ref="upload" - :limit="1" - accept=".xlsx, .xls" - :headers="upload.headers" - :action="upload.url + '?updateSupport=' + upload.updateSupport" - :disabled="upload.isUploading" - :on-progress="handleFileUploadProgress" - :on-success="handleFileSuccess" - :auto-upload="false" - drag - > - <i class="el-icon-upload"></i> - <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div> - <div class="el-upload__tip text-center" slot="tip"> - <div class="el-upload__tip" slot="tip"> - <el-checkbox v-model="upload.updateSupport" /> - 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹� - </div> - <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span> - <el-link - type="primary" - :underline="false" - style="font-size: 24px; vertical-align: baseline" - @click="importTemplate" - >涓嬭浇妯℃澘</el-link - > - </div> - </el-upload> + <!-- 鍒犻櫎绫诲埆纭妗� --> + <el-dialog title="璀﹀憡" :visible.sync="deleteVisible" width="40%"> + <div style="font-size: 20px; color: rgb(247, 76, 76)"> + 鏄惁纭鍒犻櫎鍒嗙被锛歔<span>{{ deletefenl }}</span + >]? </div> - <!-- 瀵煎叆妫�鏌� --> - <div class="uploading" v-else-if="dractive == 2"> - <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="鎮h�呮爣绛�"> </el-table-column> - <el-table-column prop="erry" label="閿欒鍘熷洜"> </el-table-column> - </el-table> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="geterryList" - /> + <div style="font-size: 20px"> + 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛� </div> - <!-- 瀹屾垚 --> - <div class="drexamine" v-else-if="dractive == 3"> - <img - src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" - /> - <p>瀵煎叆鎮h�呮垚鍔燂紒</p> - <p>鏈鍏辫瀵煎叆{{ ImportQuantity }}浣嶆偅鑰�</p> - </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> - </div> - <div slot="footer" v-else> - <el-button type="primary" @click="submitFileForm">涓嬩竴姝�</el-button> - <el-button @click="submitclose">鍙� 娑�</el-button> - </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="deleteVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button> + </span> </el-dialog> </div> </template> @@ -515,22 +359,19 @@ delUser, addUser, updateUser, - resetUserPwd, - changeUserStatus, - deptTreeSelect, } from "@/api/system/user"; import { getToken } from "@/utils/auth"; import Treeselect from "@riophae/vue-treeselect"; import "@riophae/vue-treeselect/dist/vue-treeselect.css"; - export default { - name: "User", + name: "questionnaire", dicts: ["sys_normal_disable", "sys_user_sex"], components: { Treeselect }, data() { return { + topactiveName: "Local", //椤堕儴閫夋嫨 // 閬僵灞� - loading: true, + loading: false, // 閫変腑鏁扮粍 ids: [], // 闈炲崟涓鐢� @@ -541,78 +382,90 @@ showSearch: true, // 鎬绘潯鏁� total: 0, - // 鐢ㄦ埛琛ㄦ牸鏁版嵁 - userList: null, + namequestionnaire: "", + haoquestionnaire: "", + idds: "", + amendtag: false, //鏄惁淇敼绫诲埆 + dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规 + deleteVisible: false, //鍒嗙被鍒犻櫎寮规 + deletefenl: "楂樿鍘�", //鍒犻櫎椤� + classifyform: { + categoryname: "", + }, //绫诲埆琛ㄥ崟 + // 琛ㄦ牸鏁版嵁 + userList: [ + { + userid: 1, + userName: "琛�甯歌銆佸翱甯歌", + nickName: "璐", + aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10", + bphonenumber: "閫夋嫨", + cphonenumber: "鏅�氳瘽", + status: "0", + }, + ], // 寮瑰嚭灞傛爣棰� title: "", - // 閮ㄩ棬鏍戦�夐」 - deptOptions: undefined, // 鏄惁鏄剧ず寮瑰嚭灞� open: false, - // 閮ㄩ棬鍚嶇О - deptName: undefined, - // 榛樿瀵嗙爜 - initPassword: undefined, // 鏃ユ湡鑼冨洿 dateRange: [], // 宀椾綅閫夐」 postOptions: [], // 瑙掕壊閫夐」 roleOptions: [], - // 琛ㄥ崟鍙傛暟 - form: {}, - //瀵煎叆杩涘害 - dractive: 1, - // 瀵煎叆灞曠ず琛ㄥ崟 - uploadingData: {}, - total: 0, // 鎬绘潯鏁� - ImportQuantity: 999, //瀵煎叆鎮h�呮暟閲� - // 鏌ヨ鍙傛暟 - queryParams: { - pageNum: 1, - pageSize: 10, - jobName: undefined, - jobGroup: undefined, - status: undefined, - }, + // 娣诲姞銆佷慨鏀瑰弬鏁� + indexform: {}, + numberlb: 22, + numberlbs: 2, + sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟 + dialogFormVisible: false, //娣诲姞绫诲埆寮规 + sidecolumnval: "", //绫诲埆鎼滅储 + indexopen: false, //寮规灞曠ず鍚� propss: { multiple: true }, - optionss: [ + languagelist: [ { value: 1, - label: "涓滃崡", - }, - { - value: 2, - label: "瑗垮寳", + label: "姹夎", }, { value: 3, - label: "浠ㄤ花浠�", + label: "鑻辫", + }, + ], //璇█鍒楄〃 + qyoptions: [ + { + value: 1, + label: "鍙敤", }, { - value: 4, - label: "鍏椋掗", + value: 2, + label: "绂佺敤", }, ], - defaultProps: { - children: "children", - label: "label", - }, - // 鐢ㄦ埛瀵煎叆鍙傛暟 - upload: { - // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛� - open: false, - // 寮瑰嚭灞傛爣棰橈紙鐢ㄦ埛瀵煎叆锛� - title: "", - // 鏄惁绂佺敤涓婁紶 - isUploading: false, - // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹� - updateSupport: 0, - // 璁剧疆涓婁紶鐨勮姹傚ご閮� - headers: { Authorization: "Bearer " + getToken() }, - // 涓婁紶鐨勫湴鍧� - url: process.env.VUE_APP_BASE_API + "/system/user/importData", - }, + //绫诲埆鍒楄〃 + editableTabs: [ + { + title: "闂鍒嗙被涓�", + number: "1", + }, + { + title: "闂鍒嗙被浜�", + number: "2", + }, + { + title: "闂鍒嗙被涓�", + number: "2", + }, + { + title: "闂鍒嗙被鍥�", + number: "2", + }, + { + title: "闂鍒嗙被浜�", + number: "2", + }, + ], // 鏌ヨ鍙傛暟 queryParams: { pageNum: 1, @@ -623,20 +476,10 @@ deptId: undefined, IDnumber: 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" }, + { required: true, message: "涓绘棬涓嶈兘涓虹┖", trigger: "blur" }, { min: 2, max: 20, @@ -681,59 +524,68 @@ }, }; }, - watch: { - // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲 - deptName(val) { - this.$refs.tree.filter(val); - }, - }, + watch: {}, created() { this.getList(); - this.getDeptTree(); - this.getConfigKey("sys.user.initPassword").then((response) => { - this.initPassword = response.msg; - }); }, + methods: { /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ getList() { - this.loading = true; - listUser(this.addDateRange(this.queryParams, this.dateRange)).then( - (response) => { - this.userList = response.rows; - this.total = response.total; - this.loading = false; - } - ); - }, - // 鏌ヨ瀵煎叆灞曠ず鍒楄〃 - geterryList() { - this.loading = true; - listJob(this.queryParams).then((response) => { - this.jobList = 1; - this.total = 1; - this.loading = false; + // this.loading = true; + listUser().then((response) => { + console.log(response); + console.log(this.userList); }); }, - /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */ - getDeptTree() { - deptTreeSelect().then((response) => { - this.deptOptions = response.data; + // 娣诲姞銆佷慨鏀圭被鍒� + 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; + } + }, + compileUpdate(row) { + this.$router.push({ + path: "/knowledge/questionbank/particulars/", + query: { id: "1" }, }); }, - // 绛涢�夎妭鐐� - filterNode(value, data) { - if (!value) return true; - return data.label.indexOf(value) !== -1; - }, - // 鑺傜偣鍗曞嚮浜嬩欢 - handleNodeClick(data) { - this.queryParams.deptId = data.id; - this.handleQuery(); - }, - // 鐢ㄦ埛鐘舵�佷慨鏀� + // 棰樼洰鐘舵�佷慨鏀� handleStatusChange(row) { - let text = row.status === "0" ? "鍚敤" : "鍋滅敤"; + let text = row.status === "0" ? "鍙敤" : "鍋滅敤"; this.$modal .confirm('纭瑕�"' + text + '""' + row.userName + '"鐢ㄦ埛鍚楋紵') .then(function () { @@ -746,11 +598,26 @@ 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() {}, // 鍙栨秷鎸夐挳 cancel() { - this.open = false; + this.indexopen = false; this.reset(); }, + // 琛ㄥ崟閲嶇疆 reset() { this.form = { @@ -788,80 +655,34 @@ this.single = selection.length != 1; this.multiple = !selection.length; }, - // 鏇村鎿嶄綔瑙﹀彂 - handleCommand(command, row) { - switch (command) { - case "handleResetPwd": - this.handleResetPwd(row); - break; - case "handleAuthRole": - this.handleAuthRole(row); - break; - default: - break; - } - }, /** 鏂板鎸夐挳鎿嶄綔 */ handleAdd() { - this.reset(); - getUser().then((response) => { - this.postOptions = response.posts; - this.roleOptions = response.roles; - this.open = true; - this.title = "鏂板鎮h��"; - this.form.password = this.initPassword; + this.$router.push({ + path: "/knowledge/verbaltrick/particulars/", + query: { id: "1" }, }); }, - /** 淇敼鎸夐挳鎿嶄綔 */ - handleUpdate(row) { - this.reset(); - const userId = row.userId || this.ids; - getUser(userId).then((response) => { - this.form = response.data; - this.postOptions = response.posts; - this.roleOptions = response.roles; - this.$set(this.form, "postIds", response.postIds); - this.$set(this.form, "roleIds", response.roleIds); - this.open = true; - this.title = "淇敼鐢ㄦ埛"; - this.form.password = ""; - }); + // 淇敼鍒嗙被寮规 + popoveramend(tagcategoryid) { + this.idds = tagcategoryid; + this.amendtag = true; + this.dialogFormVisible = true; }, - /** 閲嶇疆瀵嗙爜鎸夐挳鎿嶄綔 */ - handleResetPwd(row) { - this.$prompt('璇疯緭鍏�"' + row.userName + '"鐨勬柊瀵嗙爜', "鎻愮ず", { - confirmButtonText: "纭畾", - cancelButtonText: "鍙栨秷", - closeOnClickModal: false, - inputPattern: /^.{5,20}$/, - inputErrorMessage: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿", - }) - .then(({ value }) => { - resetUserPwd(row.userId, value).then((response) => { - this.$modal.msgSuccess("淇敼鎴愬姛锛屾柊瀵嗙爜鏄細" + value); - }); - }) - .catch(() => {}); - }, - /** 鍒嗛厤瑙掕壊鎿嶄綔 */ - handleAuthRole: function (row) { - const userId = row.userId; - this.$router.push("/system/user-auth/role/" + userId); - }, - /** 鎻愪氦鎸夐挳 */ + + /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */ 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.indexopen = false; this.getList(); }); } else { addUser(this.form).then((response) => { this.$modal.msgSuccess("鏂板鎴愬姛"); - this.open = false; + this.indexopen = false; this.getList(); }); } @@ -882,106 +703,128 @@ }) .catch(() => {}); }, - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download( - "system/user/export", - { - ...this.queryParams, - }, - `user_${new Date().getTime()}.xlsx` - ); - }, - /** 瀵煎叆鎸夐挳鎿嶄綔 */ - handleImport() { - this.upload.title = "鐢ㄦ埛瀵煎叆"; - this.upload.open = true; - }, - /** 涓嬭浇妯℃澘鎿嶄綔 */ - importTemplate() { - this.download( - "system/user/importTemplate", - {}, - `user_template_${new Date().getTime()}.xlsx` - ); - }, - // 鏂囦欢涓婁紶涓鐞� - handleFileUploadProgress(event, file, fileList) { - this.upload.isUploading = true; - }, - // 鏂囦欢涓婁紶鎴愬姛澶勭悊 - handleFileSuccess(response, file, fileList) { - this.upload.open = false; - this.upload.isUploading = false; - this.$refs.upload.clearFiles(); - this.$alert( - "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + - response.msg + - "</div>", - "瀵煎叆缁撴灉", - { dangerouslyUseHTMLString: true } - ); - this.getList(); - }, - // 鎻愪氦涓婁紶鏂囦欢 - submitFileForm() { - // 涓婁紶 - if (this.dractive == 1) { - this.$refs.upload.submit(); - this.dractive++; - } else { - this.dractive++; - } - }, - submitclose() { - this.upload.open = false; - this.dractive = 1; - }, }, }; </script> <style lang="scss" scoped> -.el-button--primary.is-plain { - color: #ffffff; - background: #409eff; - border-color: #4fabe9; -} -.document { - width: 100px; - height: 50px; -} -.documentf { +.Questionnairemanagement { display: flex; - justify-content: flex-end; } -.download { +.sidecolumn { + width: 300px; + min-height: 100vh; text-align: center; - .el-upload__tip { - font-size: 23px; - } - .el-upload__text { - font-size: 23px; - } -} -.uploading { + // display: flex; margin-top: 20px; margin: 20px; padding: 30px; - background: #ffffff; + background: #edf1f7; border: 1px solid #dcdfe6; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); -} -.drexamine { - display: flex; - align-items: center; - justify-content: center; - padding: 30px; - background: #daeaf5; - img { - width: 100px; - height: 100px; + .sidecolumn-top { + display: flex; + justify-content: space-between; + .top-wj { + font-size: 20px; + } + .top-tj { + font-size: 18px; + + color: rgb(0, 89, 255); + cursor: pointer; + } } + .center-ss { + margin-top: 30px; + .input-with-select { + height: 40px !important; + } + } + .bottom-fl { + margin-top: 30px; + display: center !important; + } +} +.qrcode-dialo { + text-align: center; + // display: flex; + margin: 20px; + padding: 30px; + background: #edf1f7; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .qrcode-text { + font-size: 20px; + span { + margin-left: 20px; + } + } + .qrcode-img { + width: 300px; + height: 400px; + } +} +.tsgname { + width: 90px; + margin-right: 10px; + text-align: center; + cursor: pointer; + height: 40px; + line-height: 40px; + background: #7799fa; + color: #ffff; + font-size: 18px; + border-radius: 5px; +} +.tsgname:hover { + background: #3366f5; +} +::v-deep.el-tabs--left, +.el-tabs--right { + overflow: hidden; + align-items: center; + display: flex; +} +::v-deep.el-input--medium .el-input__inner { + height: 40px !important; +} +::v-deep.el-tabs--right .el-tabs__active-bar.is-right { + height: 40px; + width: 5px; + left: 0; +} +::v-deep.el-tabs--right .el-tabs__item.is-right { + display: block; + font-size: 20px; +} +.leftvlue { + // display: flex; + // flex: 1; + width: 80%; + margin-top: 20px; + // margin: 20px; + padding: 30px; + background: #ffff; + border: 1px solid #dcdfe6; + -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), + 0 0 6px 0 rgba(0, 0, 0, 0.04); + .mulsz { + font-size: 20px; + } +} +.button-text { + color: rgb(70, 204, 238); +} +.button-bji { + color: rgb(39, 167, 67); +} +.button-textxg { + color: rgb(35, 81, 233); +} +.button-textsc { + color: rgb(235, 23, 23); } </style> -- Gitblit v1.9.3