From 1b555a0ab0527478cdf2b0c31c0ea8aea70f8adc Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期四, 15 六月 2023 10:52:39 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master' into yxh01
---
src/views/knowledge/questionnaire/compilequer/index.vue | 1006 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 1,006 insertions(+), 0 deletions(-)
diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue
new file mode 100644
index 0000000..d5bc5ff
--- /dev/null
+++ b/src/views/knowledge/questionnaire/compilequer/index.vue
@@ -0,0 +1,1006 @@
+<template>
+ <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="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ ></el-step>
+ <el-step
+ title="缁撴灉鍙嶉"
+ description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ ></el-step>
+ </el-steps>
+ </div>
+ </div>
+ <!-- 鍙充晶鏁版嵁 -->
+ <div class="leftvlue">
+ <!-- 鍩烘湰淇℃伅 -->
+ <div v-if="Editprogress == 1">
+ <div class="leftvlue-jbxx">
+ 鍩烘湰淇℃伅<span>褰撳墠鐗堟湰:{{ currentVersion }}</span>
+ </div>
+ <el-form
+ :model="ruleForm"
+ :rules="rules"
+ ref="ruleForm"
+ label-width="100px"
+ class="demo-ruleForm"
+ >
+ <el-form-item label="娲诲姩鍚嶇О" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item label="娲诲姩鍖哄煙" prop="region">
+ <el-select
+ v-model="ruleForm.region"
+ 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="desc">
+ <el-input
+ :rows="4"
+ type="textarea"
+ v-model="ruleForm.desc"
+ ></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="success" @click="submitForm('ruleForm')"
+ >涓嬩竴姝�</el-button
+ >
+ <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <!-- 闂嵎璁剧疆 -->
+ <div v-if="Editprogress == 2">
+ <div class="leftvlue-jbxx">闂嵎璁剧疆</div>
+ <el-form
+ :model="ruleForm"
+ :rules="rules"
+ ref="ruleForm"
+ label-width="100px"
+ class="demo-ruleForm"
+ >
+ <el-form-item label="闂嵎浠嬬粛" prop="desc">
+ <el-cascader
+ class="demo-cascader"
+ v-model="ruleForm.templatevalue"
+ :options="options"
+ :props="{ expandTrigger: 'hover' }"
+ ></el-cascader>
+ <el-select v-model="ruleForm.data2" placeholder="鎻愪氦鎻愮ず">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ <div style="display: flex; margin-top: 20px">
+ <div class="PreviewTemplate" @click="PreviewTemplate()">
+ 棰勮妯＄増
+ </div>
+ <el-button type="primary">纭寮曠敤</el-button>
+ </div>
+ </el-form-item>
+ <el-form-item label="娲诲姩褰㈠紡" prop="desc">
+ <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+ </el-form-item>
+ <el-form-item label="娲诲姩褰㈠紡" prop="desc">
+ <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+ <div class="addtopic">
+ <el-select
+ v-model="addvalue"
+ @change="changeaddtopic"
+ class="addtopic-input"
+ >
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </div>
+
+ <div class="presentation">
+ <div class="presentation-left">
+ <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"
+ width="300"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <!-- <el-button
+ size="medium"
+ type="text"
+ @click="goQRCode(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ >
+ <span class="button-text"
+ ><i class="el-icon-edit"></i>浜岀淮鐮�</span
+ ></el-button
+ >
+ <el-button
+ size="medium"
+ type="text"
+ @click="ViewQuestionnaire(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-textck"
+ ><i class="el-icon-edit"></i>鏌ョ湅</span
+ ></el-button
+ > -->
+ <el-button
+ size="medium"
+ type="text"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-textxg"
+ ><i class="el-icon-scissors"></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"></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"
+ />
+ </div>
+ <div class="presentation-right">
+ <div class="headline">棰樼洰璁剧疆璇︽儏</div>
+ <div>棰樼洰鏍囬锛�<span>杩欏鏈烘瀯鎬庝箞鏍�</span></div>
+ <div>鏄惁蹇呯瓟锛�<span>鏄�</span> 鏄惁闅愯棌锛�<span>鍚�</span></div>
+ <div class="headline">閫夐」璁剧疆</div>
+ <div>
+ <p>閫夐」1:<span>鍖荤枟鏈烘瀯</span></p>
+ <p>
+ 濉啓鏄庣粏锛�<span>鏃�</span> 寮傚父閫夐」锛�<span>鏃�</span>
+ 鍒嗗�硷細<span>3</span>
+ </p>
+ <p>閫変腑鎻愮ず锛�<span>杩欎釜棰樻湁鐐归毦璇锋敞鎰�</span></p>
+ <p>閫変腑璺宠浆锛�<span>鏃�</span></p>
+ </div>
+ </div>
+ </div>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="success" @click="submitForm('ruleForm')"
+ >涓嬩竴姝�</el-button
+ >
+ <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
+ <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <!-- 闂嵎棰勮 -->
+ <div v-if="Editprogress == 3">
+ <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="success" @click="submitForm('ruleForm')"
+ >涓嬩竴姝�</el-button
+ >
+ <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
+ <!-- <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button> -->
+ </div>
+ <!-- 缁撴灉鍙嶉 -->
+ <div v-if="Editprogress == 4">
+ <el-form
+ :model="ruleForm"
+ :rules="rules"
+ ref="ruleForm"
+ label-width="100px"
+ class="demo-ruleForm"
+ >
+ <el-form-item label="娲诲姩鍚嶇О" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item label="娲诲姩鍖哄煙" prop="region">
+ <el-select v-model="ruleForm.region" placeholder="璇烽�夋嫨娲诲姩鍖哄煙">
+ <el-option label="鍖哄煙涓�" value="shanghai"></el-option>
+ <el-option label="鍖哄煙浜�" value="beijing"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="娲诲姩鏃堕棿" required>
+ <el-col :span="11">
+ <el-form-item prop="date1">
+ <el-date-picker
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ v-model="ruleForm.date1"
+ style="width: 100%"
+ ></el-date-picker>
+ </el-form-item>
+ </el-col>
+ <el-col class="line" :span="2">-</el-col>
+ <el-col :span="11">
+ <el-form-item prop="date2">
+ <el-time-picker
+ placeholder="閫夋嫨鏃堕棿"
+ v-model="ruleForm.date2"
+ style="width: 100%"
+ ></el-time-picker>
+ </el-form-item>
+ </el-col>
+ </el-form-item>
+ <el-form-item label="鍗虫椂閰嶉��" prop="delivery">
+ <el-switch v-model="ruleForm.delivery"></el-switch>
+ </el-form-item>
+ <el-form-item label="娲诲姩鎬ц川" prop="type">
+ <el-checkbox-group v-model="ruleForm.type">
+ <el-checkbox label="缇庨/椁愬巺绾夸笂娲诲姩" name="type"></el-checkbox>
+ <el-checkbox label="鍦版帹娲诲姩" name="type"></el-checkbox>
+ <el-checkbox label="绾夸笅涓婚娲诲姩" name="type"></el-checkbox>
+ <el-checkbox label="鍗曠函鍝佺墝鏇濆厜" name="type"></el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
+ <el-form-item label="鐗规畩璧勬簮" prop="resource">
+ <el-radio-group v-model="ruleForm.resource">
+ <el-radio label="绾夸笂鍝佺墝鍟嗚禐鍔�"></el-radio>
+ <el-radio label="绾夸笅鍦哄湴鍏嶈垂"></el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="娲诲姩褰㈠紡" prop="desc">
+ <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="success" @click="submitForm('ruleForm')"
+ >绔嬪嵆鍒涘缓</el-button
+ >
+ <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
+ <el-button @click="resetForm('ruleForm')">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ <!-- 棰勮妯＄増寮圭獥 -->
+ <el-drawer
+ title="闂嵎棰勮"
+ :visible.sync="drawer"
+ custom-class="demo-drawer"
+ width="50%"
+ >
+ <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-drawer>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ sidecolumnrabs: "left", //鏂瑰悜
+ Editprogress: 2, //缂栬緫杩涘害
+ currentVersion: "1.2.3", //褰撳墠鐗堟湰
+ loading: false, // 閬僵灞�
+ drawer: false, //鎺у埗灞曞紑
+ radio: "false", //鍗曢�夐閫変腑
+ radios: [], //澶氶�夐閫変腑
+ radioas: "", //濉┖棰樼瓟妗�
+ // 鎬绘潯鏁�
+ total: 1,
+ ruleForm: {
+ name: "",
+ region: "",
+ date1: "",
+ date2: "",
+ delivery: false,
+ type: [],
+ resource: "",
+ desc: "",
+ templatevalue: "",
+ data2: "",
+ },
+ rules: {},
+ rulesa: {
+ name: [
+ { required: true, message: "璇疯緭鍏ユ椿鍔ㄥ悕绉�", trigger: "blur" },
+ { min: 3, max: 5, message: "闀垮害鍦� 3 鍒� 5 涓瓧绗�", trigger: "blur" },
+ ],
+ region: [
+ { required: true, message: "璇烽�夋嫨娲诲姩鍖哄煙", trigger: "change" },
+ ],
+ date1: [
+ {
+ type: "date",
+ required: true,
+ message: "璇烽�夋嫨鏃ユ湡",
+ trigger: "change",
+ },
+ ],
+ date2: [
+ {
+ type: "date",
+ required: true,
+ message: "璇烽�夋嫨鏃堕棿",
+ trigger: "change",
+ },
+ ],
+ type: [
+ {
+ type: "array",
+ required: true,
+ message: "璇疯嚦灏戦�夋嫨涓�涓椿鍔ㄦ�ц川",
+ trigger: "change",
+ },
+ ],
+ resource: [
+ { required: true, message: "璇烽�夋嫨娲诲姩璧勬簮", trigger: "change" },
+ ],
+ desc: [{ required: true, message: "璇峰～鍐欐椿鍔ㄥ舰寮�", trigger: "blur" }],
+ },
+ options: [
+ {
+ value: "閫夐」1",
+ label: "榛勯噾绯�",
+ },
+ {
+ value: "閫夐」2",
+ label: "鍙岀毊濂�",
+ },
+ {
+ value: "閫夐」3",
+ label: "铓典粩鐓�",
+ },
+ {
+ value: "閫夐」4",
+ label: "榫欓』闈�",
+ },
+ {
+ value: "閫夐」5",
+ label: "鍖椾含鐑ら腑",
+ },
+ ],
+ options: [
+ {
+ value: "zhinan",
+ label: "鎸囧崡",
+ children: [
+ {
+ value: "shejiyuanze",
+ label: "璁捐鍘熷垯",
+ children: [
+ {
+ value: "yizhi",
+ label: "涓�鑷�",
+ },
+ {
+ value: "fankui",
+ label: "鍙嶉",
+ },
+ {
+ value: "xiaolv",
+ label: "鏁堢巼",
+ },
+ {
+ value: "kekong",
+ label: "鍙帶",
+ },
+ ],
+ },
+ {
+ value: "daohang",
+ label: "瀵艰埅",
+ children: [
+ {
+ value: "cexiangdaohang",
+ label: "渚у悜瀵艰埅",
+ },
+ {
+ value: "dingbudaohang",
+ label: "椤堕儴瀵艰埅",
+ },
+ ],
+ },
+ ],
+ },
+ {
+ value: "zujian",
+ label: "缁勪欢",
+ children: [
+ {
+ value: "basic",
+ label: "Basic",
+ children: [
+ {
+ value: "layout",
+ label: "Layout 甯冨眬",
+ },
+ {
+ value: "color",
+ label: "Color 鑹插僵",
+ },
+ {
+ value: "typography",
+ label: "Typography 瀛椾綋",
+ },
+ {
+ value: "icon",
+ label: "Icon 鍥炬爣",
+ },
+ {
+ value: "button",
+ label: "Button 鎸夐挳",
+ },
+ ],
+ },
+ {
+ value: "form",
+ label: "Form",
+ children: [
+ {
+ value: "radio",
+ label: "Radio 鍗曢�夋",
+ },
+ {
+ value: "checkbox",
+ label: "Checkbox 澶氶�夋",
+ },
+ {
+ value: "input",
+ label: "Input 杈撳叆妗�",
+ },
+ {
+ value: "input-number",
+ label: "InputNumber 璁℃暟鍣�",
+ },
+ {
+ value: "select",
+ label: "Select 閫夋嫨鍣�",
+ },
+ {
+ value: "cascader",
+ label: "Cascader 绾ц仈閫夋嫨鍣�",
+ },
+ {
+ value: "switch",
+ label: "Switch 寮�鍏�",
+ },
+ {
+ value: "slider",
+ label: "Slider 婊戝潡",
+ },
+ {
+ value: "time-picker",
+ label: "TimePicker 鏃堕棿閫夋嫨鍣�",
+ },
+ {
+ value: "date-picker",
+ label: "DatePicker 鏃ユ湡閫夋嫨鍣�",
+ },
+ {
+ value: "datetime-picker",
+ label: "DateTimePicker 鏃ユ湡鏃堕棿閫夋嫨鍣�",
+ },
+ {
+ value: "upload",
+ label: "Upload 涓婁紶",
+ },
+ {
+ value: "rate",
+ label: "Rate 璇勫垎",
+ },
+ {
+ value: "form",
+ label: "Form 琛ㄥ崟",
+ },
+ ],
+ },
+ {
+ value: "data",
+ label: "Data",
+ children: [
+ {
+ value: "table",
+ label: "Table 琛ㄦ牸",
+ },
+ {
+ value: "tag",
+ label: "Tag 鏍囩",
+ },
+ {
+ value: "progress",
+ label: "Progress 杩涘害鏉�",
+ },
+ {
+ value: "tree",
+ label: "Tree 鏍戝舰鎺т欢",
+ },
+ {
+ value: "pagination",
+ label: "Pagination 鍒嗛〉",
+ },
+ {
+ value: "badge",
+ label: "Badge 鏍囪",
+ },
+ ],
+ },
+ {
+ value: "notice",
+ label: "Notice",
+ children: [
+ {
+ value: "alert",
+ label: "Alert 璀﹀憡",
+ },
+ {
+ value: "loading",
+ label: "Loading 鍔犺浇",
+ },
+ {
+ value: "message",
+ label: "Message 娑堟伅鎻愮ず",
+ },
+ {
+ value: "message-box",
+ label: "MessageBox 寮规",
+ },
+ {
+ value: "notification",
+ label: "Notification 閫氱煡",
+ },
+ ],
+ },
+ {
+ value: "navigation",
+ label: "Navigation",
+ children: [
+ {
+ value: "menu",
+ label: "NavMenu 瀵艰埅鑿滃崟",
+ },
+ {
+ value: "tabs",
+ label: "Tabs 鏍囩椤�",
+ },
+ {
+ value: "breadcrumb",
+ label: "Breadcrumb 闈㈠寘灞�",
+ },
+ {
+ value: "dropdown",
+ label: "Dropdown 涓嬫媺鑿滃崟",
+ },
+ {
+ value: "steps",
+ label: "Steps 姝ラ鏉�",
+ },
+ ],
+ },
+ {
+ value: "others",
+ label: "Others",
+ children: [
+ {
+ value: "dialog",
+ label: "Dialog 瀵硅瘽妗�",
+ },
+ {
+ value: "tooltip",
+ label: "Tooltip 鏂囧瓧鎻愮ず",
+ },
+ {
+ value: "popover",
+ label: "Popover 寮瑰嚭妗�",
+ },
+ {
+ value: "card",
+ label: "Card 鍗＄墖",
+ },
+ {
+ value: "carousel",
+ label: "Carousel 璧伴┈鐏�",
+ },
+ {
+ value: "collapse",
+ label: "Collapse 鎶樺彔闈㈡澘",
+ },
+ ],
+ },
+ ],
+ },
+ {
+ value: "ziyuan",
+ label: "璧勬簮",
+ children: [
+ {
+ value: "axure",
+ label: "Axure Components",
+ },
+ {
+ value: "sketch",
+ label: "Sketch Templates",
+ },
+ {
+ value: "jiaohu",
+ label: "缁勪欢浜や簰鏂囨。",
+ },
+ ],
+ },
+ ],
+ valssu: [
+ {
+ idd: 1,
+ wssd: "浣犳渶杩戞�庝箞鏍�",
+ sdadd: ["sss", "ssccss", "ssaas", "ss"],
+ },
+ ],
+ options: [
+ {
+ value: "閫夐」1",
+ label: "鍗曢��",
+ },
+ {
+ value: "閫夐」2",
+ label: "澶氶��",
+ disabled: true,
+ },
+ {
+ value: "閫夐」3",
+ label: "濉┖",
+ },
+ ],
+ addvalue: "娣诲姞棰樼洰",
+ // 棰樼洰琛ㄦ牸鏁版嵁
+ userList: [
+ {
+ userid: "1",
+ userName: "涓�鍙烽棶鍗�",
+ },
+ {
+ userid: "2",
+ userName: "浜屽彿闂嵎",
+ },
+ {
+ userid: "3",
+ userName: "涓夊彿闂嵎",
+ },
+ {
+ userid: "4",
+ userName: "鍥涘彿闂嵎",
+ },
+ ],
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ userName: undefined,
+ phonenumber: undefined,
+ status: undefined,
+ deptId: undefined,
+ IDnumber: undefined,
+ },
+ };
+ },
+
+ created() {},
+
+ methods: {
+ submitForm(formName) {
+ if (this.Editprogress <= 3) {
+ return this.Editprogress++;
+ }
+ this.rules = this.rulesa;
+ // 鎻愪氦
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ alert("submit!");
+ } else {
+ console.log("error submit!!");
+ return false;
+ }
+ });
+ },
+ /** 鏌ヨ棰樼洰鍒楄〃 */
+ 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;
+ },
+ changeaddtopic(val) {
+ console.log(11);
+ console.log(val);
+ this.addvalue = "娣诲姞棰樼洰";
+ },
+ // 棰勮妯＄増
+ PreviewTemplate() {
+ this.drawer = true;
+ },
+ laststep() {
+ this.Editprogress--;
+ },
+ resetForm(formName) {
+ this.$refs[formName].resetFields();
+ },
+ },
+};
+</script>
+
+<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);
+ .mulsz {
+ font-size: 20px;
+ }
+ .leftvlue-jbxx {
+ margin-bottom: 50px;
+ font-size: 20px;
+ span {
+ position: absolute;
+ right: 80px;
+ }
+ }
+ .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;
+ }
+ }
+}
+.addtopic {
+ margin-top: 30px;
+}
+.presentation {
+ margin: 20px 0;
+ display: flex;
+ .presentation-left {
+ width: 50%;
+ height: 500px;
+ .button-textxg {
+ color: #024df0;
+ }
+ .button-textsc {
+ color: #f52727;
+ }
+ }
+ .presentation-right {
+ width: 50%;
+ height: 500px;
+ padding: 20px;
+ font-size: 18px;
+ border: 1px solid #909091;
+ span {
+ padding: 0 35px;
+ margin-right: 10px;
+ border-bottom: 1px solid #909091;
+ }
+ .headline {
+ font-size: 20px;
+ border-left: 3px solid #41a1be;
+ padding-left: 5px;
+ margin: 15px 0;
+ }
+ }
+}
+::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: 24px !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: 24px;
+ }
+}
+::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