From 4e32f1188e9d0cafd3511994d2d13617ca6e08f9 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 15 十二月 2023 11:15:00 +0800
Subject: [PATCH] 完成
---
src/views/repositoryai/verbaltrick/particulars/index.vue | 1019 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 1,014 insertions(+), 5 deletions(-)
diff --git a/src/views/repositoryai/verbaltrick/particulars/index.vue b/src/views/repositoryai/verbaltrick/particulars/index.vue
index 5c96032..eaff738 100644
--- a/src/views/repositoryai/verbaltrick/particulars/index.vue
+++ b/src/views/repositoryai/verbaltrick/particulars/index.vue
@@ -1,17 +1,1026 @@
<template>
- <div>鎸囨爣璇︽儏</div>
+ <div class="Questionnairemanagement">
+ <!-- 宸︿晶鏍� -->
+ <div class="sidecolumn">
+ <div style="height: 300px">
+ <el-steps direction="vertical" :active="Editprogress">
+ <el-step title="闂搴撶紪杈�"></el-step>
+ <el-step title="闂鎸囨爣缂栬緫"></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
+ ref="form"
+ :model="indexform"
+ :rules="rules"
+ label-width="100px"
+ >
+ <el-row>
+ <el-col :span="12">
+ <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-col :span="12">
+ <el-form-item label="鍙敤鐘舵��" prop="status">
+ <el-select v-model="indexform.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-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="闂涓绘棬" prop="nickName">
+ <el-input
+ v-model="indexform.nickName"
+ placeholder="璇疯緭鍏ラ棶棰樹富鏃�"
+ maxlength="80"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <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">
+ <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
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="indexform.userName"
+ maxlength="30"
+ />
+ </el-form-item> </el-col
+ ></el-row>
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="闂璇煶" prop="verbaltrickyy">
+ <el-upload
+ class="upload-demo"
+ 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-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
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="indexform.userName"
+ maxlength="30"
+ />
+ </el-form-item> </el-col
+ ></el-row>
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="鏃犲尮閰嶈闊�" prop="matchyy">
+ <el-upload
+ class="upload-demo"
+ 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-row
+ >
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鏃犲０鏂囨湰" prop="silenttext">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="indexform.userName"
+ maxlength="30"
+ />
+ </el-form-item> </el-col
+ ></el-row>
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="鏃犲０璇煶" prop="silentyy">
+ <el-upload
+ class="upload-demo"
+ 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-row
+ >
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="閫氱敤搴撴枃鏈�" prop="librarytext">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="indexform.userName"
+ maxlength="30"
+ />
+ </el-form-item> </el-col
+ ></el-row>
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="閫氱敤搴撹闊�" prop="libraryy">
+ <el-upload
+ class="upload-demo"
+ 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-row
+ >
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鍚笉娓呮枃鏈�" prop="vaguetext">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ v-model="indexform.userName"
+ maxlength="30"
+ />
+ </el-form-item> </el-col
+ ></el-row>
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="鍚笉娓呰闊�" prop="vagueyy">
+ <el-upload
+ class="upload-demo"
+ 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-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-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-row>
+ <el-col :span="12">
+ <el-form-item label="浠呴檺闄㈠尯" prop="region">
+ <el-select
+ v-model="indexform.courtyard"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ class="indexformaa"
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍏宠仈鎸囨爣" prop="region">
+ <el-select
+ v-model="indexform.relevance"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="indexformaa"
+ 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>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="nextstep">纭� 瀹�</el-button>
+ <el-button @click="closeFm">鍏� 闂�</el-button>
+ </div>
+ </div>
+ <!-- 鎸囨爣璁剧疆 -->
+ <div v-if="Editprogress == 2">
+ <div class="leftvlue-jbxx">鎸囨爣棰樼洰璁剧疆</div>
+ <el-divider></el-divider>
+ <el-form
+ ref="form"
+ :model="indexform"
+ :rules="rules"
+ label-width="100px"
+ >
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎸囨爣鍚嶇О" prop="deptId">
+ <el-input
+ v-model="indexform.name"
+ placeholder="璇疯緭鍏ユ寚鏍囩绫�"
+ maxlength="40"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鐗堟湰鍙�" prop="deptId">
+ <el-input
+ v-model="indexform.versions"
+ placeholder="璇疯緭鍏ユ寚鏍囩绫�"
+ maxlength="40"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <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-col :span="12">
+ <el-form-item label="鏄惁鍙敤" prop="deptId">
+ <el-select v-model="indexform.useofstate" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="index in qyoptions"
+ :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="40"
+ />
+ </el-form-item> </el-col
+ ></el-row>
+ <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
+ allow-create
+ default-first-option
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="item in optionstag"
+ :key="item.tagname"
+ :label="item.tagname"
+ :value="item.tagname"
+ >
+ </el-option>
+ </el-select>
+ <el-button
+ v-else
+ class="button-new-tag"
+ size="small"
+ @click="showInput"
+ >+ 鏂板鏍囩</el-button
+ >
+ </div>
+ </el-form-item>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鍊肩被鍨�">
+ <el-radio-group v-model="indexform.resource">
+ <el-radio label="閫夐」"></el-radio>
+ <el-radio label="鏂囨湰"></el-radio>
+ <el-radio label="鏁板��"></el-radio>
+ </el-radio-group>
+ </el-form-item> </el-col
+ ></el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="閫傜敤鐤剧梾" prop="userName">
+ <el-select v-model="indexform.useofstate" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="index in qyoptions"
+ :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="email">
+ <el-select v-model="indexform.useofstate" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="index in qyoptions"
+ :key="index.value"
+ :label="index.label"
+ :value="index.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-card class="box-card" style="margin-bottom: 20px">
+ <el-table v-loading="loading" :data="testuserList">
+ <el-table-column
+ label="搴忓彿"
+ align="center"
+ key="userid"
+ prop="userid"
+ width="50"
+ />
+ <el-table-column
+ label="鎸囨爣閫夐」"
+ align="center"
+ key="nickName"
+ prop="nickName"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <el-input
+ v-model="scope.row.nickName"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="瑙ｆ瀽瑙勫垯"
+ align="center"
+ key="aphonenumber"
+ prop="aphonenumber"
+ width="460"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <el-input
+ v-model="scope.row.aphonenumber"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
+ </template>
+ </el-table-column>
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="200"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ @click="addoption(scope.row)"
+ type="success"
+ icon="el-icon-circle-plus-outline"
+ circle
+ ></el-button>
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ circle
+ @click="deloption(scope.row)"
+ ></el-button>
+ <el-button
+ @click="syioption(scope.row)"
+ type="primary"
+ icon="el-icon-top"
+ circle
+ ></el-button>
+ <el-button
+ @click="xiayioption(scope.row)"
+ type="primary"
+ icon="el-icon-bottom"
+ circle
+ ></el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-card>
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="娴嬭瘯杈撳叆" prop="nickName">
+ <el-input
+ v-model="testvalue"
+ placeholder="璇疯緭鍏ユ祴璇曞唴瀹�"
+ maxlength="40"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="4">
+ <el-button type="success">寮�濮嬫祴璇�</el-button>
+ </el-col>
+ </el-row>
+ </el-form>
+ <div style="margin-bottom: 10px">
+ <el-input
+ type="textarea"
+ :rows="4"
+ placeholder="姝ゅ灞曠ず璇嗗埆缁撴灉"
+ v-model="testgovalue"
+ >
+ </el-input>
+ </div>
+ <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>
+ </div>
</template>
<script>
+import { listtag } from "@/api/system/label";
+
export default {
data() {
- return {};
+ return {
+ Editprogress: 1, //缂栬緫杩涘害
+ loading: false, // 閬僵灞�
+ radio: "false", //鍗曢�夐閫変腑
+ radios: [], //澶氶�夐閫変腑
+ radioas: "", //濉┖棰樼瓟妗�
+ dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"],
+ inputVisible: false,
+ inputValue: "",
+ testvalue: "",
+ testgovalue: "",
+ topicobj: {},
+ indexform: {},
+ // 鎬绘潯鏁�
+ total: 1,
+ ruleForm: {
+ name: "",
+ region: "",
+ date1: "",
+ date2: "",
+ delivery: false,
+ type: [],
+ resource: "",
+ desc: "",
+ templatevalue: "",
+ data2: "",
+ },
+ rules: {},
+ rulesa: {},
+ optionstag: [],
+ xjxsoptions: [
+ {
+ value: "閫夐」1",
+ label: "鍥炬枃",
+ },
+ {
+ 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",
+ },
+ ],
+ qyoptions: [
+ {
+ value: 1,
+ label: "鍙敤",
+ },
+ {
+ value: 2,
+ label: "绂佺敤",
+ },
+ ],
+ options: [
+ {
+ value: "閫夐」1",
+ label: "鐤剧梾鎸囨爣",
+ },
+ {
+ value: "閫夐」2",
+ label: "鍏ラ櫌鎸囨爣",
+ },
+ {
+ value: "閫夐」3",
+ label: "鎵嬫湳鎸囨爣",
+ },
+ {
+ value: "閫夐」4",
+ label: "鎶ょ悊鎸囨爣",
+ },
+ ],
+ variablelist: [
+ {
+ variable: "paitent",
+ value: "琛ㄧず鎮ｈ�呯殑鏍囪瘑",
+ },
+ ],
+ testuserList: [
+ {
+ userid: 1,
+ nickName: "璐",
+ aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10",
+ },
+ {
+ userid: 2,
+ nickName: "姝ｅ父",
+ aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10",
+ },
+ {
+ userid: 55,
+ nickName: "闈炴甯�",
+ aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10",
+ },
+ {
+ userid: 4,
+ nickName: "a姝ｅ父",
+ aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10",
+ status: "0",
+ },
+ ],
+
+ addvalue: "娣诲姞棰樼洰",
+ // 棰樼洰琛ㄦ牸鏁版嵁
+ userList: [
+ {
+ userid: "1",
+ userName: "涓�鍙锋寚鏍�",
+ },
+ {
+ userid: "2",
+ userName: "浜屽彿鎸囨爣",
+ },
+ {
+ userid: "3",
+ userName: "涓夊彿鎸囨爣",
+ },
+ {
+ userid: "4",
+ userName: "鍥涘彿鎸囨爣",
+ },
+ ],
+ languagelist: [
+ {
+ value: 1,
+ label: "鏅�氳瘽",
+ },
+ {
+ value: 2,
+ label: "绮よ",
+ },
+ {
+ value: 3,
+ label: "鑻辫",
+ },
+ ], //璇█鍒楄〃
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ userName: undefined,
+ phonenumber: undefined,
+ status: undefined,
+ deptId: undefined,
+ IDnumber: undefined,
+ },
+ };
},
- created() {},
+ created() {
+ this.gettabList();
+ },
- methods: {},
+ methods: {
+ submitForm(formName) {
+ this.rules = this.rulesa;
+ // 鎻愪氦
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ alert("submit!");
+ } else {
+ console.log("error submit!!");
+ return false;
+ }
+ });
+ },
+ // 涓嬩竴姝�
+ nextstep() {
+ if (this.Editprogress <= 1 && this.indexform.relevance) {
+ return this.Editprogress++;
+ } else {
+ this.$message.warning("璇峰厛閫夋嫨鍏宠仈鎸囨爣");
+ }
+ },
+ // 涓婁竴姝�
+ 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
+ } 涓枃浠禶
+ );
+ },
+ // 鏍囩-----------------
+ gettabList() {
+ const tagqueryParams = {
+ pageNum: 1,
+ pageSize: 1000,
+ tagcategoryid: "0",
+ };
+ listtag(tagqueryParams).then((response) => {
+ console.log(response);
+ this.optionstag = response.rows;
+ });
+ },
+ 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();
+ // });
+ },
+ // --------------------------
+ //娴嬭瘯琛ㄥ崟 --------------------------
+ addoption() {
+ this.testuserList.push({
+ userid: 1,
+ nickName: "璐",
+ aphonenumber: "(?!涓�.*|娌�.*|鏈�.*)^.*([璐钩鍑]|璐|璇勫|璇勫),10",
+ });
+ this.sortFn();
+ },
+ deloption() {
+ const index = this.testuserList.indexOf(item);
+ if (index !== -1) {
+ this.testuserList.splice(index, 1); // 浠庣储寮曚綅缃垹闄や竴涓厓绱�
+ this.sortFn();
+ } else {
+ console.log("鏈壘鍒拌瀵硅薄");
+ }
+ },
+ syioption(row) {
+ const index = this.getIndexInArray(this.testuserList, row);
+ const item = this.testuserList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.testuserList.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ this.sortFn();
+ },
+ xiayioption(row) {
+ const index = this.getIndexInArray(this.testuserList, row);
+ const item = this.testuserList.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.testuserList.splice(index + 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ this.sortFn();
+ },
+ sortFn() {
+ this.testuserList = this.testuserList.map((item, index) => {
+ return {
+ userid: index + 1,
+ nickName: item.nickName,
+ aphonenumber: item.aphonenumber,
+ };
+ });
+ console.log(this.testuserList);
+ },
+ // ---------------------
+ // 鏌ヨ棰樺簱
+ handleQuery() {},
+ resetQuery() {},
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ // 渚挎嵎鏍囩
+ tsgnameto() {},
+ },
};
</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;
+ 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);
+
+ .leftvlue-jbxx {
+ font-size: 24px;
+ border-left: 5px solid #41a1be;
+ padding-left: 5px;
+ margin: 15px 0;
+ }
+}
+.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;
+ }
+}
+.button-new-tag {
+ margin-left: 10px;
+ height: 32px;
+ line-height: 30px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.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 .addtopic-input {
+ input {
+ background: #02a7f0;
+ color: #edf1f7;
+ width: 150px;
+ }
+}
+::v-deep.el-step.is-vertical .el-step__title {
+ font-size: 25px;
+}
+::v-deep.el-input--medium {
+ font-size: 18px !important;
+}
+
+.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: 24px;
+ }
+}
+::v-deep.upload-demo {
+ display: flex;
+}
+::v-deep.el-checkbox-group {
+ span {
+ font-size: 24px;
+ }
+}
+// ::v-deep.el-form-item--medium .el-form-item__content {
+// line-height: 36px;
+// display: flex;
+// }
+</style>
--
Gitblit v1.9.3