From eb29d7570a43ca078aa9568446ec5d0b3e02526a Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期二, 27 六月 2023 17:29:55 +0800
Subject: [PATCH] 完成话术库、指标库、模板库、页面及其子页面搭建
---
src/views/repositoryai/verbaltrick/index.vue | 8
src/views/repositoryai/templateku/particulars/index.vue | 155 ++++
src/views/repositoryai/templateku/configurat/index.vue | 350 ++++++++++
src/views/repositoryai/verbaltrick/particulars/index.vue | 173 +++++
src/views/Intelligentcenter/centercontrol/index.vue | 115 +++
src/views/repositoryai/templateku/index.vue | 1174 +++++++++++++++++++++++++++++++++++
6 files changed, 1,954 insertions(+), 21 deletions(-)
diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue
index e8b772b..2456672 100644
--- a/src/views/Intelligentcenter/centercontrol/index.vue
+++ b/src/views/Intelligentcenter/centercontrol/index.vue
@@ -72,12 +72,38 @@
:label="item.title"
:name="item.name"
>
- {{ item.content }}
+ <!-- {{ item.content }} -->
+ <div class="leftvalu-code" v-if="editableTabs.length">
+ <el-tabs
+ v-model="fiactiveName"
+ type="card"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane
+ v-if="item.content == 0 || item.content == 3"
+ label="浠ｇ爜灞曠ず"
+ name="first"
+ ><codemirror
+ v-model="item.value"
+ :options="options"
+ ></codemirror
+ ></el-tab-pane>
+ <el-tab-pane
+ v-if="item.content == 1 || item.content == 3"
+ label="琛ㄦ牸灞曠ず"
+ name="second"
+ ><el-table :data="tableData" style="width: 100%">
+ <el-table-column prop="date" label="鏃ユ湡" width="180">
+ </el-table-column>
+ <el-table-column prop="name" label="濮撳悕" width="180">
+ </el-table-column>
+ <el-table-column prop="address" label="鍦板潃">
+ </el-table-column> </el-table
+ ></el-tab-pane>
+ </el-tabs>
+ </div>
</el-tab-pane>
</el-tabs>
- </div>
- <div class="leftvalu-code">
- <codemirror v-model="code" :options="options"></codemirror>
</div>
</div>
</div>
@@ -91,6 +117,7 @@
data() {
return {
code: "",
+ fiactiveName: "first",
options: {
line: true,
theme: "rubyblue", // 涓婚
@@ -106,43 +133,109 @@
showCursorWhenSelecting: true, // 褰撻�夋嫨澶勪簬娲诲姩鐘舵�佹椂鏄惁搴旂粯鍒舵父鏍�
mode: "javascript",
},
+ tableData: [
+ {
+ date: "2016-05-02",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-04",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�",
+ },
+ {
+ date: "2016-05-01",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�",
+ },
+ {
+ date: "2016-05-03",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�",
+ },
+ ],
editableTabsValue: "2-2-3",
editableTabslist: [
{
title: "鎮ｈ�呯鐞�",
name: "1-1",
- content: "Tab 1 content",
+ content: 0,
+ value: "<el-tab-pane>",
},
{
title: "瀹ｆ暀绠＄悊",
name: "2-1",
- content: "Tab 2 content",
+ content: 1,
+ value:
+ "<el-table-column prop='address' label='鍦板潃'></el-table-column>",
},
{
title: "闂嵎绠＄悊",
name: "2-2",
- content: "Tab 2 content",
+ content: 3,
+ value:
+ "<el-table-column prop='address' label='鍦板潃'></el-table-column>",
},
{
title: "棰樺簱绠＄悊",
name: "2-3",
- content: "Tab 2 content",
+ content: "",
},
{
title: "璇濇湳搴�",
name: "3-1",
- content: "Tab 2 content",
+ content: "",
},
{
title: "鎰忓浘绠＄悊",
name: "3-2",
- content: "Tab 2 content",
+ content: "",
},
{
title: "妯℃澘搴�",
name: "3-3",
- content: "Tab 2 content",
+ content: "",
+ },
+ ],
+ // 闇�瑕佺殑鏍戠殑鏍煎紡
+ editableTabslisat: [
+ {
+ title: "鎮ｈ�呯鐞�",
+ name: "1",
+ son: [
+ {
+ title: "鎮ｈ�呯鐞�",
+ name: "1-1",
+ content: "",
+ },
+ ],
+ },
+ {
+ title: "鐭ヨ瘑搴�",
+ name: "2",
+ son: [
+ {
+ title: "瀹ｆ暀绠＄悊",
+ name: "2-1",
+ content: "",
+ },
+ {
+ title: "闂嵎绠＄悊",
+ name: "2-2",
+ content: "",
+ },
+ {
+ title: "棰樺簱绠＄悊",
+ name: "2-3",
+ content: "",
+ son: [
+ { title: "鏀跨瓥绠＄悊", name: "2-3-1", content: "" },
+ { title: "娌诲畨绠＄悊", name: "2-3-2", content: "" },
+ ],
+ },
+ ],
},
],
editableTabs: [],
diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue
new file mode 100644
index 0000000..25c8ed9
--- /dev/null
+++ b/src/views/repositoryai/templateku/configurat/index.vue
@@ -0,0 +1,350 @@
+<template>
+ <div class="stencils">
+ <!-- 涓婇儴 -->
+ <div class="stencils-top">
+ <div class="basic">寰呴�夐棶棰�</div>
+ <div class="top-menu">
+ <div class="search-box">
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="璇█" prop="status">
+ <el-select v-model="formInline.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="闂涓绘棬">
+ <el-input
+ v-model="formInline.user"
+ placeholder="闂涓绘棬"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="鍏宠仈鎸囨爣">
+ <el-input
+ v-model="formInline.user"
+ placeholder="鍏宠仈鎸囨爣"
+ ></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+ >鎼滅储</el-button
+ >
+ </el-form-item>
+ </el-form>
+ </div>
+ <div
+ style="
+ height: 300px;
+ border: 0.5px solid #aeafb1;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ "
+ >
+ <div class="menu-list" v-for="item in 13">
+ <div>鐢ㄨ嵂鏄惁瑙勮寖</div>
+ <div class="menu-icon" @click="menudeletei(index)">
+ <i class="el-icon-plus" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 涓嬮儴 -->
+ <div class="stencils-bottom">
+ <div class="issue">
+ <div class="basics">宸查�夋嫨闂</div>
+ <div style="margin: 10px; font-size: 20px">浣撴閫氱煡</div>
+ <div
+ style="
+ height: 350px;
+ margin: 10px;
+ border: 0.5px solid #aeafb1;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ "
+ >
+ <div class="menu-list" v-for="item in 13">
+ <div>鐢ㄨ嵂鏄惁瑙勮寖</div>
+ <div class="menu-icons" @click="menudeletei(index)">
+ <i class="el-icon-delete" />
+ </div>
+ </div>
+ </div>
+ <div class="issue-button">
+ <el-button type="primary" icon="el-icon-circle-plus-outline"
+ >鍏崇郴鍥�</el-button
+ >
+ <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button>
+ </div>
+ </div>
+ <div class="particulars">
+ <div class="headline">
+ <div class="basics">闂閰嶇疆</div>
+ <div class="headbottom">
+ <el-button
+ type="primary"
+ icon="el-icon-circle-plus-outline"
+ @click="addzbiao"
+ >娣诲姞鎸囨爣</el-button
+ >
+ <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button>
+ </div>
+ </div>
+ <div
+ class="valuetop"
+ v-for="(item, index) in deployList"
+ :key="item.id"
+ >
+ <div class="val-text">
+ <div>
+ 鏈夋棤澶嶆煡 <span>{{ item.name }}</span>
+ </div>
+ <div class="text-icon" @click="deletei(index)">
+ <i class="el-icon-delete" />
+ </div>
+ </div>
+ <div class="val-bon">
+ <el-form ref="form" :model="item" label-width="90px">
+ <el-form-item label="鑺傜偣ID">
+ <el-input v-model="item.id"></el-input>
+ </el-form-item>
+ <el-form-item label="鑺傜偣鎻忚堪">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="鏂囨湰鎻愮ず">
+ <el-input type="textarea" v-model="item.valuetop"></el-input>
+ </el-form-item>
+ <el-form-item label="璇煶鍦板潃">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="璺宠浆闂鍙�">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="鎾姤绫诲瀷">
+ <el-radio-group v-model="item.resource">
+ <el-radio label="娣峰悎浼樺厛"></el-radio>
+ <el-radio label="鏂囧瓧浼樺厛"></el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鎸囨爣绫诲瀷">
+ <el-radio-group v-model="item.resource">
+ <el-radio label="閫夐」"></el-radio>
+ <el-radio label="鏂囨湰"></el-radio>
+ <el-radio label="鏁扮粍"></el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鎸囨爣鍚嶇О">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="鎸囨爣鍊�">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="閫傜敤瑙勫垯">
+ <el-radio-group v-model="item.resources">
+ <el-radio label="鍩虹"></el-radio>
+ <el-radio label="鑷畾涔�"></el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item
+ label="鑷畾涔夎鍒�"
+ v-if="item.resources == '鑷畾涔�'"
+ >
+ <el-input type="textarea" v-model="item.valuetop"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ deployList: [
+ {
+ id: 1,
+ name: "鏈�",
+ valuetop:
+ "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌￠敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5",
+ },
+ {
+ id: 2,
+ name: "涓嶇煡閬�",
+ valuetop:
+ "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)",
+ },
+ ],
+ languagelist: [
+ {
+ value: 1,
+ label: "鏅�氳瘽",
+ },
+ {
+ value: 2,
+ label: "绮よ",
+ },
+ {
+ value: 3,
+ label: "鑻辫",
+ },
+ ], //璇█鍒楄〃
+ formInline: {
+ user: "",
+ region: "",
+ },
+ };
+ },
+
+ created() {},
+
+ methods: {
+ deletei(index) {
+ console.log(index);
+ this.deployList.splice(index, 1);
+ },
+ addzbiao() {
+ const ids = this.deployList.length + 1;
+ console.log(ids);
+ this.deployList.push({
+ id: ids,
+ name: "",
+ valuetop: "",
+ });
+ },
+ onSubmit() {
+ console.log("submit!");
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.stencils-top {
+ .basic {
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ padding: 0 20px 20px 20px;
+ line-height: 50px;
+ background: #92c5f0;
+ justify-content: space-between;
+ }
+ .top-menu {
+ margin: 15px;
+ margin-top: 0;
+ height: 400px;
+ padding: 10px 30px 10px 30px;
+ background: #f2f5fc;
+ 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);
+ .menu-list {
+ display: flex;
+ justify-content: space-between;
+ padding: 5px;
+ border-bottom: 0.5px solid #bfc0c2;
+ }
+ }
+}
+.stencils-bottom {
+ display: flex;
+ justify-content: space-between;
+ .issue {
+ width: 37%;
+ margin-left: 15px;
+ height: 500px;
+ background: #f2f5fc;
+ .menu-list {
+ display: flex;
+ justify-content: space-between;
+ padding: 5px;
+ border-bottom: 0.5px solid #bfc0c2;
+ }
+ .basics {
+ height: 50px;
+ padding-left: 20px;
+ line-height: 50px;
+ background: #92c5f0;
+ justify-content: space-between;
+ }
+ }
+ .issue-button {
+ margin: 10px;
+ text-align: right;
+ }
+ .particulars {
+ width: 59%;
+ margin-right: 15px;
+ background: #f2f5fc;
+
+ .headline {
+ display: flex;
+ height: 50px;
+ padding: 0 20px 20px 20px;
+ line-height: 50px;
+ background: #92c5f0;
+ justify-content: space-between;
+ }
+ .valuetop {
+ .val-text {
+ display: flex;
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ // padding: 0 20px 20px 20px;
+ padding: 0 20px;
+ align-items: center;
+ background: #92c5f0;
+ justify-content: space-between;
+ .text-icon {
+ width: 35px;
+ height: 35px;
+ line-height: 35px;
+ text-align: center;
+ background: #fafafa;
+ cursor: pointer;
+ border-radius: 5px;
+ }
+ }
+ .val-bon {
+ margin: 15px;
+ margin-top: 0;
+ padding: 30px;
+ background: #f2f5fc;
+ 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);
+ }
+ }
+ }
+}
+.menu-icon {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ text-align: center;
+ margin-right: 10px;
+ background: #78baf0;
+ color: #fff;
+ border-radius: 2px;
+}
+.menu-icons {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ text-align: center;
+ margin-right: 10px;
+ background: #f7603a;
+ color: #fff;
+ border-radius: 2px;
+}
+</style>
diff --git a/src/views/repositoryai/templateku/index.vue b/src/views/repositoryai/templateku/index.vue
index 76e8a51..c43d358 100644
--- a/src/views/repositoryai/templateku/index.vue
+++ b/src/views/repositoryai/templateku/index.vue
@@ -1,17 +1,1181 @@
<template>
- <div>闅忚妯＄増</div>
+ <div class="Questionnairemanagement">
+ <!-- 宸︿晶鏍� -->
+ <div class="sidecolumn" v-show="topactiveName == 'Local'">
+ <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-button
+ @click="sidecolumnss"
+ slot="append"
+ icon="el-icon-search"
+ ></el-button>
+ </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"
+ >
+ <span slot="label">
+ {{
+ item.title + " (" + item.number + ")"
+ }}   <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>
+ </div>
+ </div>
+ <!-- 鍙充晶鏁版嵁 -->
+ <div :class="topactiveName == 'Local' ? 'leftvlue' : 'leftvlues'">
+ <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">
+ <!--鐢ㄦ埛鏁版嵁-->
+ <el-col :span="24" :xs="24">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="98px"
+ >
+ <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 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
+ 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="handleAdd"
+ 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-col :span="1.5"> </el-col> -->
+ </el-row>
+ <!-- 鏍囧噯妯＄増 -->
+ <el-table
+ v-if="topactiveName == 'Local'"
+ 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="400"
+ :show-overflow-tooltip="true"
+ />
+
+ <el-table-column
+ label="鏃犲０閲嶅娆℃暟"
+ align="center"
+ key="aphonenumber"
+ prop="aphonenumber"
+ width="400"
+ /><el-table-column
+ label="鏃犲０鍖归厤閲嶅娆℃暟"
+ align="center"
+ key="bphonenumber"
+ prop="bphonenumber"
+ width="120"
+ />
+ <el-table-column
+ label="閫氱敤搴�"
+ align="center"
+ key="bphonenumbear"
+ prop="bphonenumbear"
+ 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="200"
+ 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-edit-outline"></i>淇敼</span
+ ></el-button
+ >
+ <el-button
+ size="medium"
+ type="text"
+ @click="compileUpdate(scope.row)"
+ ><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-xiazai"
+ ><i class="el-icon-s-management"></i>澶嶅埗妯＄増</span
+ ></el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <!-- 閫氱敤妯＄増 -->
+ <el-table
+ v-else
+ 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="400"
+ :show-overflow-tooltip="true"
+ />
+ <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="200"
+ 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-edit-outline"></i>淇敼</span
+ ></el-button
+ >
+ <el-button
+ size="medium"
+ type="text"
+ @click="compileUpdate(scope.row)"
+ ><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="downloadfn(scope.row)"
+ v-hasPermi="['system:user:remove']"
+ ><span class="button-xiazai"
+ ><i class="el-icon-download"></i>涓嬭浇</span
+ ></el-button
+ >
+ <el-button
+ size="medium"
+ type="text"
+ @click="copyfn(scope.row)"
+ v-hasPermi="['system:user:remove']"
+ ><span class=".button-xiazai"
+ ><i class="el-icon-s-management"></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>
+
+ <!-- 娣诲姞鎴栦慨鏀规爣鍑嗘ā鐗堝璇濇 -->
+ <el-dialog
+ v-if="topactiveName == 'Local'"
+ :title="title"
+ :visible.sync="indexopen"
+ width="900px"
+ append-to-body
+ >
+ <el-form
+ ref="form"
+ :model="indexform"
+ :rules="rules"
+ label-width="110px"
+ >
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="璇█" prop="deptId">
+ <el-select
+ v-model="indexform.language"
+ placeholder="璇烽�夋嫨璇█"
+ >
+ <el-option
+ 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="24">
+ <el-form-item label="妯＄増鍚嶇О" prop="nickName">
+ <el-input
+ v-model="indexform.nickName"
+ placeholder="璇疯緭鍏ユā鐗堝悕绉�"
+ maxlength="80"
+ />
+ </el-form-item> </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="deptId">
+ <el-select v-model="indexform.language" placeholder="璇烽�夋嫨">
+ <el-option
+ 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="24">
+ <el-form-item label="绉戝" prop="deptId">
+ <el-select v-model="indexform.language" placeholder="璇烽�夋嫨">
+ <el-option
+ 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="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="deptId">
+ <el-select v-model="indexform.language" placeholder="璇烽�夋嫨">
+ <el-option
+ 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="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="鎾姤鏂瑰紡">
+ <el-radio-group v-model="indexform.qystatus">
+ <el-radio
+ v-for="item in qyoptionbo"
+ :key="item.value"
+ :label="item.value"
+ >{{ item.label }}</el-radio
+ >
+ </el-radio-group>
+ </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-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞">
+ <el-input
+ v-model="indexform.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>
+ <!-- 娣诲姞鎴栦慨鏀归�氱敤妯＄増瀵硅瘽妗� -->
+ <el-dialog
+ :title="title"
+ :visible.sync="indexopenty"
+ width="900px"
+ append-to-body
+ >
+ <el-form
+ ref="form"
+ :model="indexform"
+ :rules="rules"
+ label-width="100px"
+ >
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="璇█" prop="deptId">
+ <el-select
+ v-model="indexform.language"
+ placeholder="璇烽�夋嫨璇█"
+ >
+ <el-option
+ 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="24">
+ <el-form-item label="妯＄増鍚嶇О" prop="nickName">
+ <el-input
+ v-model="indexform.nickName"
+ placeholder="璇疯緭鍏ユā鐗堜富鏃�"
+ maxlength="80"
+ />
+ </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-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="澶囨敞">
+ <el-input
+ v-model="indexform.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-form :model="classifyform">
+ <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 @click="dialogFormVisible = false">鍙� 娑�</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">
+ 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛�
+ </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>
<script>
+import {
+ listUser,
+ getUser,
+ delUser,
+ addUser,
+ updateUser,
+} from "@/api/system/user";
export default {
+ name: "questionnaire",
+ dicts: ["sys_normal_disable", "sys_user_sex"],
data() {
- return {};
+ return {
+ topactiveName: "Local", //椤堕儴閫夋嫨
+ // 閬僵灞�
+ loading: false,
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ namequestionnaire: "",
+ haoquestionnaire: "",
+ idds: "",
+ amendtag: false, //鏄惁淇敼绫诲埆
+ dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规
+ deleteVisible: false, //鍒嗙被鍒犻櫎寮规
+ deletefenl: "楂樿鍘�", //鍒犻櫎椤�
+ classifyform: {
+ categoryname: "",
+ }, //绫诲埆琛ㄥ崟
+ // 琛ㄦ牸鏁版嵁
+ userList: [
+ {
+ userid: 1,
+ userName: "琛�甯歌銆佸翱甯歌",
+ nickName: "璐",
+ aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10",
+ bphonenumber: "閫夋嫨",
+ cphonenumber: "鏅�氳瘽",
+ status: "0",
+ },
+ ],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏃ユ湡鑼冨洿
+ dateRange: [],
+ // 宀椾綅閫夐」
+ postOptions: [],
+ // 瑙掕壊閫夐」
+ roleOptions: [],
+ // 娣诲姞銆佷慨鏀瑰弬鏁�
+ indexform: {},
+ numberlb: 22,
+ numberlbs: 2,
+ sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟
+ dialogFormVisible: false, //娣诲姞绫诲埆寮规
+ sidecolumnval: "", //绫诲埆鎼滅储
+ indexopen: false, //寮规灞曠ず鍚�
+ indexopenty: false, //寮规灞曠ず鍚�
+ propss: { multiple: true },
+ languagelist: [
+ {
+ value: 1,
+ label: "鏅�氳瘽",
+ },
+ {
+ value: 2,
+ label: "绮よ",
+ },
+ {
+ value: 3,
+ label: "鑻辫",
+ },
+ ], //璇█鍒楄〃
+ qyoptions: [
+ {
+ value: 1,
+ label: "鍚敤",
+ },
+ {
+ value: 2,
+ label: "鍏抽棴",
+ },
+ ],
+ // 鎾姤鏂瑰紡
+ qyoptionbo: [
+ {
+ value: 1,
+ label: "璇煶浼樺厛",
+ },
+ {
+ value: 2,
+ label: "鏂囧瓧浼樺厛",
+ },
+ ],
+ //绫诲埆鍒楄〃
+ editableTabs: [
+ {
+ title: "妯＄増鍒嗙被涓�",
+ number: "1",
+ },
+ {
+ title: "妯＄増鍒嗙被浜�",
+ number: "2",
+ },
+ {
+ title: "妯＄増鍒嗙被涓�",
+ number: "2",
+ },
+ {
+ title: "妯＄増鍒嗙被鍥�",
+ number: "2",
+ },
+ {
+ title: "妯＄増鍒嗙被浜�",
+ number: "2",
+ },
+ ],
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ userName: undefined,
+ phonenumber: undefined,
+ status: undefined,
+ deptId: undefined,
+ IDnumber: undefined,
+ },
+ // 琛ㄥ崟鏍￠獙
+ 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",
+ },
+ ],
+ },
+ };
+ },
+ watch: {},
+ created() {
+ this.getList();
},
- created() {},
+ methods: {
+ /** 鏌ヨ鐢ㄦ埛鍒楄〃 */
+ getList() {
+ // this.loading = true;
+ listUser().then((response) => {
+ console.log(response);
+ console.log(this.userList);
+ });
+ },
+ // 娣诲姞銆佷慨鏀圭被鍒�
+ 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;
+ }
+ },
+ // 澶嶅埗妯＄増
+ copyfn() {},
+ // 涓嬭浇妯＄増
+ downloadfn() {},
+ // 璺宠浆缂栬緫璇濇湳椤甸潰
+ compileUpdate(row) {
+ if (this.topactiveName == "Local") {
+ this.$router.push({
+ path: "/repositoryai/templateku/configurat/",
+ query: { id: "1" },
+ });
+ } else {
+ this.$router.push({
+ path: "/repositoryai/templateku/particulars/",
+ query: { id: "1" },
+ });
+ }
+ },
+ // 棰樼洰鐘舵�佷慨鏀�
+ 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.indexopen = false;
+ this.indexopenty = false;
+ this.reset();
+ },
- methods: {},
+ // 琛ㄥ崟閲嶇疆
+ 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.resetForm("form");
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.dateRange = [];
+ this.resetForm("queryForm");
+ this.queryParams.deptId = undefined;
+ this.$refs.tree.setCurrentKey(null);
+ this.handleQuery();
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map((item) => item.userId);
+ this.single = selection.length != 1;
+ this.multiple = !selection.length;
+ },
+ /** 鏂板鎸夐挳鎿嶄綔 */
+ handleAdd() {
+ this.reset();
+ this.title = "鏂板妯＄増";
+ if (this.topactiveName == "Local") {
+ this.indexopen = true;
+ } else {
+ this.indexopenty = true;
+ }
+ },
+ /** 淇敼鎸夐挳鎿嶄綔 */
+ handleUpdate(row) {
+ this.reset();
+ this.title = "淇敼妯＄増";
+ if (this.topactiveName == "Local") {
+ this.indexopen = true;
+ } else {
+ this.indexopenty = true;
+ }
+ },
+ // 淇敼鍒嗙被寮规
+ popoveramend(tagcategoryid) {
+ this.idds = tagcategoryid;
+ this.amendtag = true;
+ this.dialogFormVisible = true;
+ },
+
+ /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */
+ submitForm: function () {
+ this.$refs["form"].validate((valid) => {
+ if (valid) {
+ if (this.form.userId != undefined) {
+ updateUser(this.form).then((response) => {
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.indexopen = false;
+ this.indexopenty = false;
+ this.getList();
+ });
+ } else {
+ addUser(this.form).then((response) => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.indexopen = false;
+ this.indexopenty = false;
+
+ this.getList();
+ });
+ }
+ }
+ });
+ },
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ const userIds = row.userId || this.ids;
+ this.$modal
+ .confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�')
+ .then(function () {
+ return delUser(userIds);
+ })
+ .then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
+ },
+ },
};
</script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.Questionnairemanagement {
+ display: flex;
+}
+.sidecolumn {
+ width: 300px;
+ min-height: 100vh;
+ text-align: center;
+ // display: flex;
+ margin-top: 20px;
+ 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);
+ .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;
+ }
+}
+.leftvlues {
+ // display: flex;
+ // flex: 1;
+ width: 100%;
+ margin: 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);
+}
+.button-xiazai {
+ color: #0ab2c9;
+}
+</style>
diff --git a/src/views/repositoryai/templateku/particulars/index.vue b/src/views/repositoryai/templateku/particulars/index.vue
new file mode 100644
index 0000000..11653d3
--- /dev/null
+++ b/src/views/repositoryai/templateku/particulars/index.vue
@@ -0,0 +1,155 @@
+<template>
+ <div>
+ <div class="basic">鍩烘湰淇℃伅</div>
+ <div class="top-text">
+ <div class="substance">
+ <p>
+ 鎸囨爣閫夐」锛�<span>{{ optionvalue }}</span>
+ </p>
+ </div>
+ </div>
+ <div class="headline">
+ <div class="basics">闂閰嶇疆</div>
+ <div class="headbottom">
+ <el-button
+ type="primary"
+ icon="el-icon-circle-plus-outline"
+ @click="addzbiao"
+ >娣诲姞鎸囨爣</el-button
+ >
+ <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button>
+ </div>
+ </div>
+ <div class="valuetop" v-for="(item, index) in deployList" :key="item.id">
+ <div class="val-text">
+ <div>
+ <span>{{ item.name }}</span>
+ </div>
+ <div class="text-icon" @click="deletei(index)">
+ <i class="el-icon-delete" />
+ </div>
+ </div>
+ <div class="val-bon">
+ <el-form ref="form" :model="item" label-width="90px">
+ <el-form-item label="璇煶鏂囨湰">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="璇煶璺緞">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+
+ <el-form-item label="鑷畾涔夎鍒�">
+ <el-input type="textarea" v-model="item.valuetop"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ optionvalue: "鍖婚櫌鏅�氳瘽閫氱敤搴�",
+
+ deployList: [
+ {
+ id: 1,
+ name: "鎮ㄥソ锛屾垜鏄灏旀瞾宸︿腑鏃椾汉姘戝尰闄㈢殑鏅鸿兘鍥炶鍔╂墜锛�",
+ valuetop:
+ "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌￠敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5",
+ },
+ {
+ id: 2,
+ name: "鎮ㄥソ锛屾垜鏄灏旀瞾宸︿腑鏃椾汉姘戝尰闄㈢殑鏅鸿兘鍥炶鍔╂墜锛�",
+ valuetop:
+ "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)",
+ },
+ ],
+ };
+ },
+
+ created() {},
+
+ methods: {
+ onSubmit() {
+ console.log("submit!");
+ },
+ deletei(index) {
+ console.log(index);
+ this.deployList.splice(index, 1);
+ },
+ addzbiao() {
+ const ids = this.deployList.length + 1;
+ console.log(ids);
+ this.deployList.push({
+ id: ids,
+ name: "",
+ valuetop: "",
+ });
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.top-text {
+ margin: 15px;
+ margin-top: 0;
+ padding: 0 30px 30px 30px;
+ background: #f2f5fc;
+ 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);
+}
+.basic {
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ padding: 0 20px 20px 20px;
+ line-height: 50px;
+ background: #92c5f0;
+}
+.headline {
+ display: flex;
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ padding: 0 20px 20px 20px;
+ line-height: 50px;
+ background: #92c5f0;
+ justify-content: space-between;
+}
+.valuetop {
+ .val-text {
+ display: flex;
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ // padding: 0 20px 20px 20px;
+ padding: 0 20px;
+ align-items: center;
+ background: #92c5f0;
+ justify-content: space-between;
+ .text-icon {
+ width: 35px;
+ height: 35px;
+ line-height: 35px;
+ text-align: center;
+ background: #fafafa;
+ cursor: pointer;
+ border-radius: 5px;
+ }
+ }
+ .val-bon {
+ margin: 15px;
+ margin-top: 0;
+ padding: 30px;
+ background: #f2f5fc;
+ 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);
+ }
+}
+</style>
diff --git a/src/views/repositoryai/verbaltrick/index.vue b/src/views/repositoryai/verbaltrick/index.vue
index a90343c..e03124a 100644
--- a/src/views/repositoryai/verbaltrick/index.vue
+++ b/src/views/repositoryai/verbaltrick/index.vue
@@ -247,7 +247,7 @@
<el-button
size="medium"
type="text"
- @click="handleUpdate(scope.row)"
+ @click="compileUpdate(scope.row)"
v-hasPermi="['system:user:edit']"
><span class="button-bji"
><i class="el-icon-edit"></i>缂栬緫璇濇湳</span
@@ -705,6 +705,12 @@
this.deletefenl = row.title;
}
},
+ compileUpdate(row) {
+ this.$router.push({
+ path: "/repositoryai/verbaltrick/particulars/",
+ query: { id: "1" },
+ });
+ },
// 棰樼洰鐘舵�佷慨鏀�
handleStatusChange(row) {
let text = row.status === "0" ? "鍚敤" : "鍋滅敤";
diff --git a/src/views/repositoryai/verbaltrick/particulars/index.vue b/src/views/repositoryai/verbaltrick/particulars/index.vue
index 5c96032..f072168 100644
--- a/src/views/repositoryai/verbaltrick/particulars/index.vue
+++ b/src/views/repositoryai/verbaltrick/particulars/index.vue
@@ -1,17 +1,182 @@
<template>
- <div>鎸囨爣璇︽儏</div>
+ <div>
+ <div class="basic">鍩烘湰淇℃伅</div>
+ <div class="top-text">
+ <div class="substance">
+ <p>璇濇湳涓绘棬锛�<span>鏈夋棤澶嶆煡</span></p>
+ <p>闂鏂囨湰锛�<span>鏈夋棤澶嶆煡</span></p>
+ <p>鎸囨爣绉嶇被锛�<span>鏈夋棤澶嶆煡</span></p>
+ <p>
+ 鎸囨爣閫夐」锛�<span>{{ optionvalue }}</span>
+ </p>
+ </div>
+ </div>
+ <div class="headline">
+ <div class="basics">闂閰嶇疆</div>
+ <div class="headbottom">
+ <el-button
+ type="primary"
+ icon="el-icon-circle-plus-outline"
+ @click="addzbiao"
+ >娣诲姞鎸囨爣</el-button
+ >
+ <el-button type="primary" icon="el-icon-s-claim">淇濆瓨</el-button>
+ <el-button type="primary" icon="el-icon-document"
+ >鏇存柊鎸囨爣瑙勫垯鑷虫ā鐗�</el-button
+ >
+ </div>
+ </div>
+ <div class="valuetop" v-for="(item, index) in deployList" :key="item.id">
+ <div class="val-text">
+ <div>
+ 鏈夋棤澶嶆煡 <span>{{ item.name }}</span>
+ </div>
+ <div class="text-icon" @click="deletei(index)">
+ <i class="el-icon-delete" />
+ </div>
+ </div>
+ <div class="val-bon">
+ <el-form ref="form" :model="form" label-width="80px">
+ <el-form-item label="鎸囨爣绫诲瀷">
+ <el-radio-group v-model="form.resource">
+ <el-radio label="閫夐」"></el-radio>
+ <el-radio label="鏂囨湰"></el-radio>
+ <el-radio label="鏁扮粍"></el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鎸囨爣鍚嶇О">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ <el-form-item label="鎸囨爣鍊�">
+ <el-input v-model="item.name"></el-input>
+ </el-form-item>
+ <el-form-item label="鐗规畩璧勬簮">
+ <el-radio-group v-model="form.resource">
+ <el-radio label="鍩虹"></el-radio>
+ <el-radio label="鑷畾涔�"></el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鍩虹瑙勫垯">
+ <el-input type="textarea" v-model="item.valuetop"></el-input>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
data() {
- return {};
+ return {
+ optionvalue: "涓嶉渶瑕併�佹病鏈夈�佷笉鐭ラ亾",
+ form: {
+ name: "",
+ region: "",
+ date1: "",
+ date2: "",
+ delivery: false,
+ type: [],
+ resource: "",
+ desc: "",
+ },
+ deployList: [
+ {
+ id: 1,
+ name: "鏈�",
+ valuetop:
+ "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌￠敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5",
+ },
+ {
+ id: 2,
+ name: "涓嶇煡閬�",
+ valuetop:
+ "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)",
+ },
+ ],
+ };
},
created() {},
- methods: {},
+ methods: {
+ onSubmit() {
+ console.log("submit!");
+ },
+ deletei(index) {
+ console.log(index);
+ this.deployList.splice(index, 1);
+ },
+ addzbiao() {
+ const ids = this.deployList.length + 1;
+ console.log(ids);
+ this.deployList.push({
+ id: ids,
+ name: "",
+ valuetop: "",
+ });
+ },
+ },
};
</script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.top-text {
+ margin: 15px;
+ margin-top: 0;
+ padding: 0 30px 30px 30px;
+ background: #f2f5fc;
+ 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);
+}
+.basic {
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ padding: 0 20px 20px 20px;
+ line-height: 50px;
+ background: #cdcdce;
+}
+.headline {
+ display: flex;
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ padding: 0 20px 20px 20px;
+ line-height: 50px;
+ background: #cdcdce;
+ justify-content: space-between;
+}
+.valuetop {
+ .val-text {
+ display: flex;
+ height: 50px;
+ margin: 15px;
+ margin-bottom: 0;
+ // padding: 0 20px 20px 20px;
+ padding: 0 20px;
+ align-items: center;
+ background: #cdcdce;
+ justify-content: space-between;
+ .text-icon {
+ width: 35px;
+ height: 35px;
+ line-height: 35px;
+ text-align: center;
+ background: #fafafa;
+ cursor: pointer;
+ border-radius: 5px;
+ }
+ }
+ .val-bon {
+ margin: 15px;
+ margin-top: 0;
+ padding: 30px;
+ background: #f2f5fc;
+ 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);
+ }
+}
+</style>
--
Gitblit v1.9.3