From 04332cb7ab99f5744c79cd70686e86a878a14b7f Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 15 十二月 2023 11:14:36 +0800
Subject: [PATCH] 完成
---
src/views/repositoryai/templateku/configurat/index.vue | 1373 +++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 1,095 insertions(+), 278 deletions(-)
diff --git a/src/views/repositoryai/templateku/configurat/index.vue b/src/views/repositoryai/templateku/configurat/index.vue
index 25c8ed9..bd95c12 100644
--- a/src/views/repositoryai/templateku/configurat/index.vue
+++ b/src/views/repositoryai/templateku/configurat/index.vue
@@ -1,165 +1,706 @@
<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="璇烽�夋嫨">
+ <div class="Questionnairemanagement">
+ <!-- 宸︿晶鏍� -->
+ <div class="sidecolumn">
+ <div style="height: 400px">
+ <el-steps direction="vertical" :active="Editprogress">
+ <el-step title="鍩虹淇℃伅"></el-step>
+ <el-step title="闅忚妯＄増棰樼洰"></el-step>
+ <el-step
+ title="闅忚妯＄増棰勮"
+ description="鏌ョ湅闅忚妯＄増棰勮锛屽彲瀵煎嚭PDF"
+ ></el-step>
+ </el-steps>
+ </div>
+ </div>
+ <!-- 鍙充晶鏁版嵁 -->
+ <div class="leftvlue">
+ <!-- 鍩烘湰淇℃伅 -->
+ <div v-if="Editprogress == 1">
+ <div class="leftvlue-jbxx">鍩烘湰淇℃伅</div>
+ <el-divider></el-divider>
+ <el-form
+ :model="ruleForm"
+ :rules="rules"
+ ref="ruleForm"
+ label-width="120px"
+ class="demo-ruleForm"
+ >
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="妯＄増鍚嶇О" prop="region">
+ <div style="width: 30%">
+ <el-input v-model="ruleForm.name"></el-input>
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="闅忚妯＄増鍒嗙被" prop="region">
+ <el-select
+ v-model="ruleForm.classify"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+ <el-form-item label="妯＄増绠�浠�" prop="name">
+ <div style="width: 50%">
+ <el-input type="textarea" v-model="ruleForm.name"></el-input>
+ </div>
+ </el-form-item>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="鐗堟湰鍙�" prop="name">
+ <el-input v-model="currentVersion"></el-input> </el-form-item
+ ></el-col>
+ <el-col :span="9">
+ <el-form-item label="鍙敤鐘舵��" prop="region">
+ <el-select
+ v-model="ruleForm.classify"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select> </el-form-item
+ ></el-col>
+ </el-row>
+ <el-form-item label="閫氱煡鍙橀噺" prop="name">
+ <el-row v-for="item in variablelist">
+ <el-col :span="4">
+ <el-input v-model="item.variable"></el-input>
+ </el-col>
+ <el-col :span="8" :offset="1">
+ <el-input v-model="item.value"></el-input>
+ </el-col>
+ <el-col :span="4" :offset="1">
+ <el-button
+ type="success"
+ icon="el-icon-plus"
+ circle
+ @click="addvariable(item)"
+ ></el-button>
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ circle
+ @click="delvariable(item)"
+ ></el-button>
+ </el-col>
+ </el-row>
+ </el-form-item>
+
+ <el-form-item label="鏍囩" prop="desc">
+ <div class="xinz-inf">
+ <el-tag
+ :key="tag"
+ type="success"
+ v-for="tag in dynamicTags"
+ closable
+ :disable-transitions="false"
+ @close="handleClose(tag)"
+ >
+ {{ tag }}
+ </el-tag>
+ <el-select
+ v-model="inputValue"
+ v-if="inputVisible"
+ @change="handleInputConfirm"
+ filterable
+ placeholder="璇烽�夋嫨"
+ >
<el-option
- v-for="item in languagelist"
- :key="item.value"
+ v-for="item in options"
+ :key="item.label"
:label="item.label"
- :value="item.value"
+ :value="item.label"
>
</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-button
+ v-else
+ class="button-new-tag"
+ size="small"
+ @click="showInput"
+ >+ 鏂板鏍囩</el-button
>
- </el-form-item>
- </el-form>
+ </div>
+ </el-form-item>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="璇█" prop="name">
+ <el-select
+ v-model="ruleForm.language"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in languagelist"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select> </el-form-item
+ ></el-col>
+ <el-col :span="9">
+ <el-form-item label="鎾姤浼樺厛" prop="region">
+ <el-radio-group v-model="ruleForm.classify">
+ <el-radio :label="3">璇█鍚堟垚浼樺厛</el-radio>
+ <el-radio :label="6">璇█鏂囦欢浼樺厛</el-radio>
+ </el-radio-group>
+ </el-form-item></el-col
+ >
+ </el-row>
+ <el-form-item label="闅忚鏂瑰紡" prop="region">
+ <el-select
+ style="width: 500px"
+ v-model="ruleForm.way"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in xjxsoptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閫傜敤鐤剧梾" prop="region">
+ <el-select
+ style="width: 500px"
+ v-model="ruleForm.illness"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閫傜敤闄㈠尯" prop="region">
+ <el-select
+ v-model="ruleForm.courtyard"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閫傜敤绉戝" prop="region">
+ <el-select
+ style="width: 500px"
+ v-model="ruleForm.administrative"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被锛堝閫夛級"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閫氱敤搴�" prop="region">
+ <el-select
+ style="width: 500px"
+ v-model="ruleForm.way"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨搴擄紙澶氶�夛級"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in xjxsoptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-row :gutter="20">
+ <el-col :span="8">
+ <el-form-item label="闅忚鍓嶅鐞�" prop="name">
+ <el-select
+ v-model="ruleForm.languageq"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in xjxsoptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select> </el-form-item
+ ></el-col>
+ <el-col :span="9">
+ <el-form-item label="闅忚鍚庡鐞�" prop="region">
+ <el-select
+ v-model="ruleForm.languageh"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in xjxsoptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select> </el-form-item
+ ></el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="8">
+ <el-form-item label="闈欓粯鏃堕棿(绉�)" prop="name">
+ <div style="width: 40%">
+ <el-input
+ v-model="ruleForm.name"
+ ></el-input></div></el-form-item
+ ></el-col>
+ <el-col :span="8">
+ <el-form-item label="鏃犲尮閰嶉噸澶�(娆�)" prop="region">
+ <div style="width: 40%">
+ <el-input v-model="ruleForm.name"></el-input>
+ </div> </el-form-item
+ ></el-col>
+ </el-row>
+ <el-form-item>
+ <el-button type="success" @click="nextstep('ruleForm')"
+ >涓嬩竴姝�</el-button
+ >
+ <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+ <el-button @click="submitForm('ruleForm')"
+ >淇濆瓨闅忚妯＄増鍩虹淇℃伅</el-button
+ >
+ </el-form-item>
+ </el-form>
+ </div>
+ <!-- 闅忚妯＄増璁剧疆 -->
+ <div v-if="Editprogress == 2">
+ <div class="leftvlue-jbxx">闅忚妯＄増棰樼洰璁剧疆</div>
+ <el-divider></el-divider>
+ <div class="addtopic">
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ round
+ @click="drawer = true"
+ >娣诲姞棰樼洰</el-button
+ >
</div>
- <div
- style="
- height: 300px;
- border: 0.5px solid #aeafb1;
- overflow-x: hidden;
- overflow-y: scroll;
- "
+ <div class="presentation">
+ <div class="presentation-left">
+ <el-card class="box-card" style="min-height: 688px">
+ <el-table v-loading="loading" :data="userList">
+ <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="verbaltrick"
+ prop="verbaltrick"
+ :show-overflow-tooltip="true"
+ />
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="250"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ icon="el-icon-edit"
+ type="primary"
+ circle
+ @click="handleUpdate(scope.row)"
+ ></el-button>
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ circle
+ @click="deloption(scope.row)"
+ ></el-button>
+ <el-button
+ @click="syioption(scope.row)"
+ type="success"
+ icon="el-icon-top"
+ circle
+ ></el-button>
+ <el-button
+ @click="xiayioption(scope.row)"
+ type="success"
+ icon="el-icon-bottom"
+ circle
+ ></el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-card>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </div>
+ <div class="presentation-right">
+ <el-card class="box-card">
+ <el-form
+ :inline="true"
+ :model="topicobj"
+ class="demo-form-inline"
+ >
+ <div class="headline">
+ 棰樼洰璁剧疆璇︽儏
+ <span style="margin-left: 30px"
+ ><el-button type="primary" @click="Submittopicobj"
+ >淇濆瓨</el-button
+ ></span
+ >
+ </div>
+ <el-form-item label="棰樼洰鏍囬">
+ <el-input
+ v-model="topicobj.title"
+ placeholder="璇疯緭鍏ユ爣棰�"
+ ></el-input>
+ </el-form-item>
+ <el-row :gutter="10">
+ <el-col :span="12"
+ ><el-form-item label="鏄惁蹇呯瓟">
+ <el-radio-group v-model="topicobj.resource">
+ <el-radio label="鏄�"></el-radio>
+ <el-radio label="鍚�"></el-radio>
+ </el-radio-group> </el-form-item
+ ></el-col>
+ <el-col :span="12"
+ ><el-form-item label="鏄惁闅愯棌">
+ <el-radio-group v-model="topicobj.resourcea">
+ <el-radio label="鏄�"></el-radio>
+ <el-radio label="鍚�"></el-radio>
+ </el-radio-group> </el-form-item
+ ></el-col>
+ </el-row>
+ <div class="headline">
+ <div class="basics">閫夐」璁剧疆</div>
+ <div class="headbottom">
+ <el-button
+ type="primary"
+ icon="el-icon-circle-plus-outline"
+ @click="addzbiao"
+ >娣诲姞鎸囨爣</el-button
+ >
+ </div>
+ </div>
+ <div class="topicxq" v-for="item in 2">
+ <el-row :gutter="10">
+ <el-col :span="12"
+ ><el-form-item label="澶勭悊">
+ <el-input
+ type="text"
+ placeholder="(榛樿)鏃犲０"
+ v-model="queryParams.text"
+ show-word-limit
+ >
+ </el-input> </el-form-item
+ ></el-col>
+ <el-col :span="12"
+ ><el-form-item label="鑺傜偣ID">
+ <el-input
+ type="text"
+ placeholder="璇疯緭鍏ュ垎鍊�"
+ v-model="queryParams.text"
+ show-word-limit
+ >
+ </el-input> </el-form-item
+ ></el-col>
+ </el-row>
+ <el-row :gutter="10">
+ <el-col :span="12"
+ ><el-form-item label="閫変腑鎻愮ず">
+ <el-input
+ type="text"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="queryParams.text"
+ maxlength="10"
+ show-word-limit
+ >
+ </el-input> </el-form-item
+ ></el-col>
+ <el-col :span="12"
+ ><el-form-item label="閫変腑璺宠浆">
+ <el-input
+ type="text"
+ placeholder="璇疯緭鍏ラ鍙�"
+ v-model="queryParams.text"
+ show-word-limit
+ >
+ </el-input> </el-form-item
+ ></el-col>
+ </el-row>
+ <el-form-item label="璇煶鏂囨湰">
+ <el-input
+ style="width: 24vw"
+ type="textarea"
+ placeholder="璇疯緭鍏ラ鍙�"
+ v-model="queryParams.text"
+ show-word-limit
+ >
+ </el-input>
+ </el-form-item>
+
+ <el-row :gutter="10">
+ <el-col :span="16">
+ <el-form-item label="璇煶鏂囦欢">
+ <el-upload
+ class="upload-demo"
+ style="display: flex"
+ action="https://jsonplaceholder.typicode.com/posts/"
+ :on-change="handleChange"
+ :file-list="fileList"
+ :limit="1"
+ :on-exceed="handleExceed"
+ >
+ <el-button size="small" type="primary"
+ >鐐瑰嚮涓婁紶</el-button
+ >
+ </el-upload>
+ </el-form-item></el-col
+ >
+ <el-col :span="8">
+ <div style="text-align: right; padding-right: 10px;" >
+ <el-button type="danger" round>鍒犻櫎</el-button>
+ </div>
+ </el-col>
+ </el-row>
+ </div>
+ </el-form>
+ </el-card>
+ </div>
+ </div>
+
+ <el-button type="success" @click="nextstep('ruleForm')"
+ >涓嬩竴姝�</el-button
>
- <div class="menu-list" v-for="item in 13">
- <div>鐢ㄨ嵂鏄惁瑙勮寖</div>
- <div class="menu-icon" @click="menudeletei(index)">
- <i class="el-icon-plus" />
+ <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
+ <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+ <el-button @click="Saveproblem('ruleForm')">淇濆瓨棰樼洰鏁版嵁</el-button>
+ </div>
+ <!-- 闅忚妯＄増棰勮 -->
+ <div v-if="Editprogress == 3">
+ <div class="leftvlue-jbxx">闅忚妯＄増棰勮</div>
+ <el-divider></el-divider>
+ <div class="preview-left">
+ <!-- 鍗曢�� -->
+ <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
+ <div class="dev-text">
+ {{ item.idd }}銆乕鍗曢�塢<span>{{ item.wssd }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-radio-group v-model="radio">
+ <el-radio
+ v-for="(items, index) in item.sdadd"
+ :key="index"
+ :label="index"
+ >{{ items }}</el-radio
+ >
+ </el-radio-group>
+ </div>
+ </div>
+ <!-- 澶氶�� -->
+ <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
+ <div class="dev-text">
+ {{ item.idd }}銆乕澶氶�塢<span>{{ item.wssd }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-checkbox-group v-model="radios">
+ <el-checkbox
+ v-for="(items, index) in item.sdadd"
+ :key="index"
+ :label="index"
+ >
+ {{ items }}
+ </el-checkbox>
+ </el-checkbox-group>
+ </div>
+ </div>
+ <!-- 濉┖ -->
+ <div class="topic-dev" v-for="item in valssu" :key="item.aaa">
+ <div class="dev-text">
+ {{ item.idd }}銆乕濉┖]<span>{{ item.wssd }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-input placeholder="璇疯緭鍏ョ瓟妗�" v-model="radioas" clearable>
+ </el-input>
</div>
</div>
</div>
+ <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+ <el-button>瀵煎嚭涓簆df</el-button>
+ <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
</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;
- "
+ <!-- 娣诲姞棰樼洰寮圭獥 -->
+ <el-drawer
+ title="娣诲姞棰樼洰"
+ :visible.sync="drawer"
+ custom-class="demo-drawer"
+ width="50%"
+ >
+ <div class="preview-left">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ label-width="98px"
>
- <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-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="sickness">
+ <el-select
+ v-model="ruleForm.classify"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
+ v-for="item in options"
+ :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-circle-plus-outline"
- @click="addzbiao"
- >娣诲姞鎸囨爣</el-button
+ icon="el-icon-search"
+ size="medium"
+ @click="handleQuery"
+ >鎼滅储</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-button icon="el-icon-refresh" size="medium" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
+ </el-form-item>
+ </el-form>
+ <el-table v-loading="loading" :data="userList">
+ <el-table-column
+ label="鏍囬"
+ align="center"
+ key="userName"
+ prop="userName"
+ width="100"
+ />
+ <el-table-column
+ label="闂璇濇湳"
+ align="center"
+ key="verbaltrick"
+ prop="verbaltrick"
+ width="200"
+ :show-overflow-tooltip="true"
+ />
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ 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-circle-plus-outline"></i>娣诲姞</span
+ ></el-button
>
- <el-input type="textarea" v-model="item.valuetop"></el-input>
- </el-form-item>
- </el-form>
- </div>
- </div>
+ </template>
+ </el-table-column>
+ </el-table>
</div>
- </div>
+ </el-drawer>
</div>
</template>
@@ -167,37 +708,133 @@
export default {
data() {
return {
- deployList: [
+ sidecolumnrabs: "left", //鏂瑰悜
+ Editprogress: 2, //缂栬緫杩涘害
+ currentVersion: "1.2.3", //褰撳墠鐗堟湰
+ loading: false, // 閬僵灞�
+ drawer: false, //鎺у埗灞曞紑
+ radio: "false", //鍗曢�夐閫変腑
+ radios: [], //澶氶�夐閫変腑
+ radioas: "", //濉┖棰樼瓟妗�
+ dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"],
+ inputVisible: false,
+ inputValue: "",
+ topicobj: {},
+ // 鎬绘潯鏁�
+ total: 1,
+ ruleForm: {
+ name: "",
+ region: "",
+ date1: "",
+ date2: "",
+ delivery: false,
+ type: [],
+ resource: "",
+ desc: "",
+ templatevalue: "",
+ data2: "",
+ },
+ rules: {},
+ rulesa: {},
+ xjxsoptions: [
{
- id: 1,
- name: "鏈�",
- valuetop:
- "(?!.*蹇榺.*涓峾.*娌�)^.*(鏄瘄鏈墊瀵箌鍋殀浣渱妫�|鏌澶嶈瘖|濂絴鍙傚姞|澶嶈瘖|鍘�(杩噟濂絴浜唡瀹寍鍖婚櫌)|鏉�(杩噟浜唡鍖婚櫌))|娌￠敊|瀵瑰憖|鍙兘|(宸茬粡|鏃�)鍘讳簡|寮�浜嗚嵂|鑵板甫|鍚婂甫|瑕佺殑|(?<!娌�)鏈夌殑|琛ㄥ甫,10;瑕�,5",
+ value: "閫夐」1",
+ label: "鍥炬枃",
},
{
- id: 2,
- name: "涓嶇煡閬�",
- valuetop:
- "(涓峾娌璋亅楝紎鎬庝箞).*(鐥厊鍙兘|鐭ラ亾|浜嗚В|娓呮|鎳倈鏄庣櫧|纭|纭畾|鏅撳緱|鐭ユ檽|璁ゅ緱|璇嗗緱|鍗拌薄|鐔熸倝|璁皘浼殀鍏冲績|鍏虫敞|娉ㄦ剰|鍛婅瘔|閫氱煡|鍚�)",
+ value: "閫夐」2",
+ label: "瑙嗛",
+ },
+ {
+ value: "閫夐」3",
+ label: "闊抽",
+ },
+ ],
+ fileList: [
+ {
+ name: "food.jpeg",
+ url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
+ },
+ ],
+ options: [
+ {
+ value: "閫夐」1",
+ label: "鐤剧梾闅忚妯＄増",
+ },
+ {
+ value: "閫夐」2",
+ label: "鍏ラ櫌闅忚妯＄増",
+ },
+ {
+ value: "閫夐」3",
+ label: "鎵嬫湳闅忚妯＄増",
+ },
+ {
+ value: "閫夐」4",
+ label: "鎶ょ悊闅忚妯＄増",
},
],
languagelist: [
{
- value: 1,
+ value: "1",
label: "鏅�氳瘽",
},
{
- value: 2,
+ value: "2",
label: "绮よ",
},
{
- value: 3,
- label: "鑻辫",
+ value: "3",
+ label: "鑻辨枃",
},
- ], //璇█鍒楄〃
- formInline: {
- user: "",
- region: "",
+ ],
+ variablelist: [
+ {
+ variable: "paitent",
+ value: "琛ㄧず鎮ｈ�呯殑鏍囪瘑",
+ },
+ ],
+
+ valssu: [
+ {
+ idd: 1,
+ wssd: "浣犳渶杩戞�庝箞鏍�",
+ sdadd: ["sss", "ssccss", "ssaas", "ss"],
+ },
+ ],
+ addvalue: "娣诲姞棰樼洰",
+ // 棰樼洰琛ㄦ牸鏁版嵁
+ userList: [
+ {
+ userid: "1",
+ userName: "涓�鍙烽殢璁挎ā鐗�",
+ verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
+ },
+ {
+ userid: "2",
+ userName: "浜屽彿闅忚妯＄増",
+ verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
+ },
+ {
+ userid: "3",
+ userName: "涓夊彿闅忚妯＄増",
+ verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
+ },
+ {
+ userid: "4",
+ userName: "鍥涘彿闅忚妯＄増",
+ verbaltrick: "涓�鍙烽殢璁挎ā鐗�",
+ },
+ ],
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ userName: undefined,
+ phonenumber: undefined,
+ status: undefined,
+ deptId: undefined,
+ IDnumber: undefined,
},
};
},
@@ -205,146 +842,326 @@
created() {},
methods: {
- deletei(index) {
- console.log(index);
- this.deployList.splice(index, 1);
+ getIndexInArray(arr, obj) {
+ return arr.indexOf(obj);
},
- addzbiao() {
- const ids = this.deployList.length + 1;
- console.log(ids);
- this.deployList.push({
- id: ids,
- name: "",
- valuetop: "",
+ submitForm(formName) {
+ this.rules = this.rulesa;
+ // 鎻愪氦
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ alert("submit!");
+ } else {
+ console.log("error submit!!");
+ return false;
+ }
});
},
- onSubmit() {
- console.log("submit!");
+ // 涓嬩竴姝�
+ nextstep() {
+ if (this.Editprogress <= 2) {
+ return this.Editprogress++;
+ }
+ },
+ // 涓婁竴姝�
+ laststep() {
+ this.Editprogress = this.Editprogress - 1;
+ },
+ // 鍏抽棴
+ closeFm() {
+ this.$confirm("閫�鍑轰笉浼氫繚鐣欓〉闈㈠唴瀹规洿鏀�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ this.$router.go(-1);
+ })
+ .catch(() => {
+ this.$message({
+ type: "info",
+ message: "宸插彇娑�",
+ });
+ });
+ },
+ // 淇濆瓨棰樼洰淇℃伅
+ Saveproblem() {},
+ /** 鏌ヨ棰樼洰鍒楄〃 */
+ getList() {
+ // this.loading = true;
+ listUser().then((response) => {
+ console.log(response);
+ // this.userList = response.data;
+ // this.total = response.total;
+ // this.loading = false;
+ console.log(this.userList);
+ });
+ // const { rows } = await listUser();
+ // console.log(rows);
+ // this.list = rows;
+ },
+ // 淇敼棰樼洰淇℃伅
+ Submittopicobj() {},
+ // 鏂板鍙橀噺
+ addvariable() {
+ this.variablelist.push({
+ variable: "",
+ value: "",
+ });
+ },
+ // 鍒犻櫎鍙橀噺
+ delvariable(item) {
+ const index = this.variablelist.indexOf(item);
+ if (index !== -1) {
+ this.variablelist.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱�
+ } else {
+ console.log("鏈壘鍒拌瀵硅薄");
+ }
+ },
+ // 鎺у埗鏂囦欢
+ handleChange(file, fileList) {
+ this.fileList = fileList.slice(-3);
+ },
+ // 鏂囦欢瓒呭嚭涓暟闄愬埗鏃剁殑閽╁瓙
+ handleExceed(files, fileList) {
+ this.$message.warning(
+ `褰撳墠闄愬埗閫夋嫨 1 涓枃浠讹紝鏈閫夋嫨浜� ${files.length} 涓枃浠讹紝鍏遍�夋嫨浜� ${
+ files.length + fileList.length
+ } 涓枃浠禶
+ );
+ },
+ // 鏍囩-----------------
+ handleClose(tag) {
+ this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+ },
+ handleInputConfirm() {
+ let inputValue = this.inputValue;
+ if (inputValue) {
+ this.dynamicTags.push(inputValue);
+ }
+ this.inputVisible = false;
+ this.inputValue = "";
+ },
+ showInput() {
+ this.inputVisible = true;
+ // 鑷姩鑾峰彇鐒︾偣
+ // this.$nextTick((_) => {
+ // this.$refs.saveTagInput.$refs.input.focus();
+ // });
+ },
+ //娴嬭瘯琛ㄥ崟 ---------------------------------
+ addzbiao() {},
+ handleUpdate() {},
+ deloption(item) {
+ const index = this.userList.indexOf(item);
+ if (index !== -1) {
+ this.userList.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱�
+ this.sortFn();
+ } else {
+ console.log("鏈壘鍒拌瀵硅薄");
+ }
+ },
+ syioption(row) {
+ const index = this.getIndexInArray(this.userList, row);
+ const item = this.userList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.userList.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ this.sortFn();
+ },
+ xiayioption(row) {
+ const index = this.getIndexInArray(this.userList, row);
+ const item = this.userList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.userList.splice(index + 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ this.sortFn();
+ },
+ sortFn() {
+ this.userList = this.userList.map((item, index) => {
+ return {
+ userid: index + 1,
+ userName: item.userName,
+ verbaltrick: item.verbaltrick,
+ };
+ });
+ console.log(this.userList);
+ },
+ // ---------------------
+ // 鏌ヨ棰樺簱
+ handleQuery() {},
+ resetQuery() {},
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
},
},
};
</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;
+.Questionnairemanagement {
+ display: flex;
+}
+.sidecolumn {
+ width: 300px;
+ min-height: 100vh;
+ text-align: center;
+ // display: flex;
+ // margin-top: 20px;
+ margin: 20px;
+ margin-bottom: 0;
+ 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);
+}
+.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;
}
- .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;
+ .leftvlue-jbxx {
+ font-size: 24px;
+ border-left: 5px solid #41a1be;
+ padding-left: 5px;
+ margin: 15px 0;
+ }
+ .demo-cascader {
+ margin-right: 20px;
+ }
+ .PreviewTemplate {
+ color: #02a7f0;
+ cursor: pointer;
+ font-size: 20px;
+ margin: 0 20px;
+ }
+}
+.preview-left {
+ 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);
+ .topic-dev {
+ margin-bottom: 25px;
+ font-size: 20px !important;
+ .dev-text {
+ margin-bottom: 10px;
}
}
}
-.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;
+.xinz-inf {
+ font-size: 18px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 48px;
+
+ .el-tag + .el-tag {
+ margin-left: 10px;
+ }
+ .button-new-tag {
+ margin-left: 10px;
+ height: 32px;
+ line-height: 30px;
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ .input-new-tag {
+ width: 90px;
+ margin-left: 10px;
+ vertical-align: bottom;
+ }
+}
+.addtopic {
+ margin-top: 30px;
+}
+.presentation {
+ margin: 20px 0;
+ display: flex;
+ .presentation-left {
+ width: 45%;
+ // height: 500px;
+ .button-textxg {
+ color: #024df0;
+ }
+ .button-textsc {
+ color: #f52727;
+ }
+ }
+ .presentation-right {
+ width: 55%;
+ max-height: 688px;
+ padding: 0 20px;
+ font-size: 18px;
+ overflow: auto;
.headline {
display: flex;
- height: 50px;
- padding: 0 20px 20px 20px;
- line-height: 50px;
- background: #92c5f0;
justify-content: space-between;
+ font-size: 20px;
+ border-left: 3px solid #41a1be;
+ padding-left: 5px;
+ margin: 15px 0;
}
- .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);
- }
+ .topicxq {
+ background-color: #e2f5fc;
+ border-radius: 4px;
+ margin-top: 10px;
+ padding-left: 10px;
+ padding-top: 15px;
}
}
}
-.menu-icon {
- cursor: pointer;
- width: 20px;
- height: 20px;
- line-height: 20px;
- text-align: center;
- margin-right: 10px;
- background: #78baf0;
- color: #fff;
- border-radius: 2px;
+::v-deep .addtopic-input {
+ input {
+ background: #02a7f0;
+ color: #edf1f7;
+ width: 150px;
+ }
}
-.menu-icons {
- cursor: pointer;
- width: 20px;
- height: 20px;
- line-height: 20px;
- text-align: center;
- margin-right: 10px;
- background: #f7603a;
- color: #fff;
- border-radius: 2px;
+::v-deep.el-step.is-vertical .el-step__title {
+ font-size: 20px;
}
+::v-deep.el-input--medium {
+ font-size: 18px !important;
+}
+::v-deep.ruleFormaa.el-select {
+ display: inline-block;
+ position: relative;
+ width: 700px;
+}
+.el-select__tags {
+ font-size: 20px;
+ max-width: 888px !important;
+}
+::v-deep.el-radio__inner {
+ width: 22px;
+ height: 22px;
+}
+// ::v-deep.topic-dev.el-radio__label {
+// font-size: 24px;
+// }
+::v-deep.el-radio-group {
+ span {
+ font-size: 20px;
+ }
+}
+::v-deep.el-checkbox-group {
+ span {
+ font-size: 20px;
+ }
+}
+// ::v-deep.el-form-item--medium .el-form-item__content {
+// line-height: 36px;
+// display: flex;
+// }
</style>
--
Gitblit v1.9.3