| | |
| | | <div class="leftvlue-top"> |
| | | <el-tabs v-model="topactiveName" @tab-click="tophandleClick"> |
| | | <el-tab-pane name="Local"> |
| | | <span class="mulsz" slot="label">æ¬å°è¯æ¯åº </span> |
| | | <span class="mulsz" slot="label">æ®éè¯æ¯åº </span> |
| | | </el-tab-pane> |
| | | <el-tab-pane name="sharing"> |
| | | <span class="mulsz" slot="label">å
±äº«è¯æ¯åº </span> |
| | | <span class="mulsz" slot="label">ç¹å®è¯æ¯åº </span> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="è¯è¨" prop="status"> |
| | | <el-cascader |
| | | v-model="queryParams.status" |
| | | :options="optionss" |
| | | :props="propss" |
| | | clearable |
| | | ></el-cascader> |
| | | <el-select v-model="queryParams.status" 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-cascader |
| | | v-model="queryParams.status" |
| | | :options="optionss" |
| | | :props="propss" |
| | | clearable |
| | | ></el-cascader> |
| | | <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-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" |
| | |
| | | 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" |
| | | width="400" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="éç¨ç¾ç
" |
| | | label="é®é¢è¯é³" |
| | | align="center" |
| | | key="aphonenumber" |
| | | prop="aphonenumber" |
| | | v-if="columns[4].visible" |
| | | width="120" |
| | | width="400" |
| | | /><el-table-column |
| | | label="è¯æ¯æè¿°" |
| | | label="å
³èææ " |
| | | align="center" |
| | | key="bphonenumber" |
| | | prop="bphonenumber" |
| | | v-if="columns[4].visible" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="æè¿ç¼è¾" |
| | | label="ææ é项" |
| | | align="center" |
| | | key="cphonenumber" |
| | | prop="cphonenumber" |
| | | v-if="columns[4].visible" |
| | | key="bphonenumber" |
| | | prop="bphonenumber" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="è¯è¨" |
| | | align="center" |
| | | key="indicator" |
| | | prop="indicator" |
| | | 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="300" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="goQRCode(scope.row)" |
| | | @click="handleUpdate(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 |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit-outline"></i>ä¿®æ¹</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit"></i>ä¿®æ¹</span |
| | | ><span class="button-bji" |
| | | ><i class="el-icon-edit"></i>ç¼è¾è¯æ¯</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | |
| | | @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-solid"></i>å é¤</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | |
| | | <!-- æ·»å æä¿®æ¹è¯æ¯é
ç½®å¯¹è¯æ¡ --> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | :visible.sync="indexopen" |
| | | width="900px" |
| | | append-to-body |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="indexform" |
| | | :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-col :span="24"> |
| | | <el-form-item label="è¯è¨" prop="deptId"> |
| | | <el-select |
| | | v-model="indexform.language" |
| | | placeholder="è¯·éæ©è¯è¨" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | v-for="index in languagelist" |
| | | :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="12"> |
| | | <el-form-item label="è¯ä»¶ç±»å" prop="phonenumber"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="è¯æ¯ä¸»æ¨" prop="nickName"> |
| | | <el-input |
| | | v-model="form.phonenumber" |
| | | placeholder="è¯·éæ©è¯ä»¶ç±»å" |
| | | maxlength="11" |
| | | v-model="indexform.nickName" |
| | | placeholder="请è¾å
¥è¯æ¯ä¸»æ¨" |
| | | maxlength="80" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="è¯ä»¶å·" prop="email"> |
| | | </el-form-item> </el-col |
| | | ></el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <div |
| | | style="display: flex; margin-left: 100px; margin-bottom: 10px" |
| | | > |
| | | <div class="tsgname" @click="tsgnameto()">å»é¢åç§°</div> |
| | | <div class="tsgname" @click="tsgnameto()">å»é¢çµè¯</div> |
| | | <div class="tsgname" @click="tsgnameto()">å»é¢å§å</div> |
| | | <div class="tsgname" @click="tsgnameto()">é访å§å</div> |
| | | <div class="tsgname" @click="tsgnameto()">é访çµè¯</div> |
| | | <div class="tsgname" @click="tsgnameto()">æ§å«</div> |
| | | <div class="tsgname" @click="tsgnameto()">å¹´é¾</div> |
| | | <div class="tsgname" @click="tsgnameto()">å°å</div> |
| | | </div> |
| | | </el-col></el-row |
| | | > |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <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-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="matchtext"> |
| | | <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="matchyy"> |
| | | <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="silenttext"> |
| | | <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="silentyy"> |
| | | <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="librarytext"> |
| | | <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="libraryy"> |
| | | <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="vaguetext"> |
| | | <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="vagueyy"> |
| | | <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="email"> |
| | | <el-input |
| | | v-model="form.email" |
| | | placeholder="请è¾å
¥è¯ä»¶å·" |
| | | maxlength="50" |
| | | /> |
| | | v-model="indexform.remark" |
| | | type="textarea" |
| | | placeholder="请è¾å
¥å
容" |
| | | ></el-input> |
| | | </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-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-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-col :span="24"> |
| | | <el-form-item label="夿³¨"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | v-model="indexform.remark" |
| | | type="textarea" |
| | | placeholder="请è¾å
¥å
容" |
| | | ></el-input> |
| | |
| | | <el-button type="primary" @click="deletefenlei">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <!-- äºç»´ç å±ç¤ºå¼¹æ¡ --> |
| | | <el-dialog width="30%" :visible.sync="goQRCodeVisible"> |
| | | <div class="qrcode-dialo"> |
| | | <div class="qrcode-text"> |
| | | {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span> |
| | | </div> |
| | | <div class="qrcode-img"></div> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | userList: [ |
| | | { |
| | | userid: 1, |
| | | userName: "ä¸å·è¯æ¯", |
| | | nickName: "1.2.4", |
| | | aphonenumber: "å
³èçç", |
| | | bphonenumber: "徿£", |
| | | cphonenumber: "2022-12-12 ", |
| | | userName: "è¡å¸¸è§ã尿常è§", |
| | | nickName: "è´«è¡", |
| | | aphonenumber: "(?!ä¸.*|没.*|æª.*)^.*([è´«å¹³åè¡]|è´«è¡|è¯å¦|è¯å¦),10", |
| | | bphonenumber: "éæ©", |
| | | cphonenumber: "æ®éè¯", |
| | | status: "0", |
| | | }, |
| | | ], |
| | | // å¼¹åºå±æ é¢ |
| | |
| | | postOptions: [], |
| | | // è§è²é项 |
| | | roleOptions: [], |
| | | // 表ååæ° |
| | | form: {}, |
| | | // æ·»å ãä¿®æ¹åæ° |
| | | indexform: {}, |
| | | numberlb: 22, |
| | | numberlbs: 2, |
| | | sidecolumnform: {}, //æ·»å ç±»å«è¡¨å |
| | | dialogFormVisible: false, //æ·»å ç±»å«å¼¹æ¡ |
| | | goQRCodeVisible: false, //äºç»´ç å¼¹æ¡ |
| | | sidecolumnval: "", //ç±»å«æç´¢ |
| | | indexopen: false, //å¼¹æ¡å±ç¤ºå¦ |
| | | propss: { multiple: true }, |
| | | optionss: [ |
| | | languagelist: [ |
| | | { |
| | | value: 1, |
| | | label: "ä¸å", |
| | | label: "æ®éè¯", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "西å", |
| | | label: "粤è¯", |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "仨仨仨", |
| | | label: "è±è¯", |
| | | }, |
| | | ], //è¯è¨å表 |
| | | qyoptions: [ |
| | | { |
| | | value: 1, |
| | | label: "å¯ç¨", |
| | | }, |
| | | { |
| | | value: 4, |
| | | label: "å
é£é£é£", |
| | | value: 2, |
| | | label: "å
³é", |
| | | }, |
| | | ], |
| | | //ç±»å«å表 |
| | |
| | | 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, |
| | |
| | | this.deletefenl = row.title; |
| | | } |
| | | }, |
| | | // é¢ç®ç¶æä¿®æ¹ |
| | | handleStatusChange(row) { |
| | | let text = row.status === "0" ? "å¯ç¨" : "åç¨"; |
| | | this.$modal |
| | | .confirm('确认è¦"' + text + '""' + row.userName + '"ç¨æ·åï¼') |
| | | .then(function () { |
| | | return changeUserStatus(row.userId, row.status); |
| | | }) |
| | | .then(() => { |
| | | this.$modal.msgSuccess(text + "æå"); |
| | | }) |
| | | .catch(function () { |
| | | row.status = row.status === "0" ? "1" : "0"; |
| | | }); |
| | | }, |
| | | //æç´¢ç±»å« |
| | | sidecolumnss() {}, |
| | | // ä¾¿æ·æ ç¾ |
| | | tsgnameto() {}, |
| | | // 忢å
±äº«/æ¬å° |
| | | tophandleClick() {}, |
| | | // åæ¶æé® |
| | | cancel() { |
| | | this.open = false; |
| | | this.indexopen = false; |
| | | this.reset(); |
| | | }, |
| | | goQRCode(row) { |
| | | this.goQRCodeVisible = true; |
| | | this.namequestionnaire = row.userName; |
| | | this.haoquestionnaire = row.nickName; |
| | | }, |
| | | |
| | | // 表åéç½® |
| | | reset() { |
| | | this.form = { |
| | |
| | | }, |
| | | /** æ°å¢æé®æä½ */ |
| | | handleAdd() { |
| | | this.$router.push({ |
| | | path: "/knowledge/questionnaire/compilequer/", |
| | | }); |
| | | this.reset(); |
| | | this.title = "æ°å¢è¯æ¯"; |
| | | this.indexopen = true; |
| | | }, |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | | this.$router.push({ |
| | | path: "/knowledge/questionnaire/compilequer/", |
| | | query: { id: "1" }, |
| | | }); |
| | | }, |
| | | // æ¥çè¯æ¯ |
| | | ViewQuestionnaire() { |
| | | this.$router.push({ |
| | | path: "/knowledge/questionnaire/examine/", |
| | | query: { id: "1" }, |
| | | }); |
| | | this.reset(); |
| | | this.title = "ä¿®æ¹è¯æ¯"; |
| | | this.indexopen = true; |
| | | }, |
| | | // ä¿®æ¹åç±»å¼¹æ¡ |
| | | popoveramend(tagcategoryid) { |
| | |
| | | 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(); |
| | | }); |
| | | } |
| | |
| | | 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; |
| | |
| | | .button-text { |
| | | color: rgb(70, 204, 238); |
| | | } |
| | | .button-textck { |
| | | .button-bji { |
| | | color: rgb(39, 167, 67); |
| | | } |
| | | .button-textxg { |