From c50a8b158e31b9157869d28fb90c6f5c840bb05d Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 08 十二月 2023 15:17:55 +0800
Subject: [PATCH] 提交信息
---
src/views/knowledge/questionnaire/compilequer/index.vue | 1151 ++++++++++++++++++++++++++++++++------------------------
1 files changed, 658 insertions(+), 493 deletions(-)
diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue
index 2532afb..4c2e5a9 100644
--- a/src/views/knowledge/questionnaire/compilequer/index.vue
+++ b/src/views/knowledge/questionnaire/compilequer/index.vue
@@ -4,15 +4,11 @@
<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="鍩虹淇℃伅"></el-step>
+ <el-step title="闂嵎棰樼洰"></el-step>
<el-step
title="闂嵎棰勮"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
- ></el-step>
- <el-step
- title="缁撴灉鍙嶉"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ description="鏌ョ湅闂嵎棰勮锛屽彲瀵煎嚭PDF"
></el-step>
</el-steps>
</div>
@@ -22,8 +18,9 @@
<!-- 鍩烘湰淇℃伅 -->
<div v-if="Editprogress == 1">
<div class="leftvlue-jbxx">
- 鍩烘湰淇℃伅<span>褰撳墠鐗堟湰:{{ currentVersion }}</span>
+ 鍩烘湰淇℃伅
</div>
+ <el-divider></el-divider>
<el-form
:model="ruleForm"
:rules="rules"
@@ -31,16 +28,13 @@
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-form-item label="闂嵎鍒嗙被" prop="region">
<el-select
- v-model="ruleForm.region"
+ v-model="ruleForm.classify"
size="medium"
multiple
filterable
- placeholder="璇烽�夋嫨娲诲姩鍖哄煙"
+ placeholder="璇烽�夋嫨鍒嗙被"
>
<el-option
class="ruleFormaa"
@@ -52,41 +46,140 @@
</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 label="闂嵎鏍囬" prop="name">
+ <div style="width: 30%">
+ <el-input v-model="ruleForm.name"></el-input>
+ </div>
</el-form-item>
- <el-form-item>
- <el-button type="success" @click="submitForm('ruleForm')"
- >涓嬩竴姝�</el-button
+ <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="sickness">
+ <div style="width: 40%">
+ <el-upload
+ class="upload-demo"
+ action="https://jsonplaceholder.typicode.com/posts/"
+ :on-change="handleChange"
+ :file-list="fileList"
+ >
+ <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button>
+ <div slot="tip" class="el-upload__tip">
+ 鍙兘涓婁紶jpg/png/xsl鏂囦欢锛屼笖涓嶈秴杩�50mb
+ </div>
+ </el-upload>
+ </div>
+ </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 options"
+ :key="item.label"
+ :label="item.label"
+ :value="item.label"
+ >
+ </el-option>
+ </el-select>
+ <el-button
+ v-else
+ class="button-new-tag"
+ size="small"
+ @click="showInput"
+ >+ 鏂板鏍囩</el-button
+ >
+ </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="region">
+ <el-select
+ v-model="ruleForm.way"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
>
- <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' }"
- @change="handleChange"
- ></el-cascader>
- <el-select v-model="ruleForm.data2" 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
+ v-model="ruleForm.illness"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
+ >
+ <el-option
+ class="ruleFormaa"
v-for="item in options"
:key="item.value"
:label="item.label"
@@ -94,28 +187,225 @@
>
</el-option>
</el-select>
- <dev class="PreviewTemplate" @click="PreviewTemplate()"
- >棰勮妯＄増</dev
+ </el-form-item>
+ <el-form-item label="閫傜敤闄㈠尯" prop="region">
+ <el-select
+ v-model="ruleForm.courtyard"
+ size="medium"
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
>
- <el-button type="primary">纭寮曠敤</el-button>
+ <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 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>
+ <el-form-item label="閫傜敤绉戝" prop="region">
+ <el-select
+ 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>
- <el-button type="success" @click="submitForm('ruleForm')"
+ <el-button type="success" @click="nextstep('ruleForm')"
>涓嬩竴姝�</el-button
>
- <el-button type="primary" @click="laststep()">涓婁竴姝�</el-button>
- <el-button @click="resetForm('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 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="maincontent"
+ prop="maincontent"
+ :show-overflow-tooltip="true"
+ />
+
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="200"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ icon="el-icon-edit"
+ type="primary"
+ round
+ @click="handleUpdate(scope.row)"
+ >淇敼</el-button
+ >
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ circle
+ @click="handleDelete(scope.row)"
+ ></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>
+ <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="text"
+ 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="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="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="text"
+ show-word-limit
+ >
+ </el-input> </el-form-item
+ ></el-col>
+ </el-row>
+ </div>
+ </el-form>
+ </el-card>
+ </div>
+ </div>
+
+ <el-button type="success" @click="nextstep('ruleForm')"
+ >涓嬩竴姝�</el-button
+ >
+ <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">
@@ -161,131 +451,100 @@
</div>
</div>
</div>
- <el-button type="success" @click="submitForm('ruleForm')"
- >涓嬩竴姝�</el-button
- >
+ <el-button type="info" @click="closeFm('ruleForm')">鍏抽棴</el-button>
+ <el-button>瀵煎嚭涓簆df</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="闂嵎棰勮"
+ 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-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ 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="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-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"
+ </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-table v-loading="loading" :data="userList">
+ <el-table-column
+ label="鏍囬"
+ align="center"
+ key="userid"
+ prop="userid"
+ width="100"
+ />
+ <el-table-column
+ label="闂鍐呭"
+ align="center"
+ key="userName"
+ prop="userName"
+ 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
>
- {{ 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>
+ </template>
+ </el-table-column>
+ </el-table>
</div>
</el-drawer>
</div>
@@ -296,12 +555,19 @@
data() {
return {
sidecolumnrabs: "left", //鏂瑰悜
- Editprogress: 1, //缂栬緫杩涘害
+ Editprogress: 2, //缂栬緫杩涘害
currentVersion: "1.2.3", //褰撳墠鐗堟湰
+ loading: false, // 閬僵灞�
drawer: false, //鎺у埗灞曞紑
radio: "false", //鍗曢�夐閫変腑
radios: [], //澶氶�夐閫変腑
radioas: "", //濉┖棰樼瓟妗�
+ dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"],
+ inputVisible: false,
+ inputValue: "",
+ topicobj: {},
+ // 鎬绘潯鏁�
+ total: 1,
ruleForm: {
name: "",
region: "",
@@ -315,333 +581,56 @@
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: [
+ rulesa: {},
+ xjxsoptions: [
{
value: "閫夐」1",
- label: "榛勯噾绯�",
+ label: "鍥炬枃",
},
{
value: "閫夐」2",
- label: "鍙岀毊濂�",
+ label: "瑙嗛",
},
{
value: "閫夐」3",
- label: "铓典粩鐓�",
+ label: "闊抽",
+ },
+ ],
+ fileList: [
+ {
+ name: "food.jpeg",
+ url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
- value: "閫夐」4",
- label: "榫欓』闈�",
- },
- {
- value: "閫夐」5",
- label: "鍖椾含鐑ら腑",
+ name: "food2.jpeg",
+ url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
],
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: "閫夐」1",
+ 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: "閫夐」2",
+ label: "鍏ラ櫌闂嵎",
},
{
- value: "ziyuan",
- label: "璧勬簮",
- children: [
- {
- value: "axure",
- label: "Axure Components",
- },
- {
- value: "sketch",
- label: "Sketch Templates",
- },
- {
- value: "jiaohu",
- label: "缁勪欢浜や簰鏂囨。",
- },
- ],
+ value: "閫夐」3",
+ label: "鎵嬫湳闂嵎",
+ },
+ {
+ value: "閫夐」4",
+ label: "鎶ょ悊闂嵎",
},
],
+ variablelist: [
+ {
+ variable: "paitent",
+ value: "琛ㄧず鎮ｈ�呯殑鏍囪瘑",
+ },
+ ],
+
valssu: [
{
idd: 1,
@@ -649,6 +638,36 @@
sdadd: ["sss", "ssccss", "ssaas", "ss"],
},
],
+ 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,
+ },
};
},
@@ -656,9 +675,6 @@
methods: {
submitForm(formName) {
- if (this.Editprogress <= 3) {
- return this.Editprogress++;
- }
this.rules = this.rulesa;
// 鎻愪氦
this.$refs[formName].validate((valid) => {
@@ -670,13 +686,92 @@
}
});
},
- // 棰勮妯＄増
- PreviewTemplate() {
- this.drawer = true;
+ // 涓嬩竴姝�
+ nextstep() {
+ if (this.Editprogress <= 2) {
+ return this.Editprogress++;
+ }
},
+ // 涓婁竴姝�
laststep() {
- this.Editprogress--;
+ 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);
+ },
+ // 鏍囩-----------------
+ 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();
+ // });
+ },
+ // --------------------------
+ // 鏌ヨ棰樺簱
+ handleQuery() {},
+ resetQuery() {},
resetForm(formName) {
this.$refs[formName].resetFields();
},
@@ -717,12 +812,10 @@
font-size: 20px;
}
.leftvlue-jbxx {
- margin-bottom: 50px;
- font-size: 20px;
- span {
- position: absolute;
- right: 80px;
- }
+ font-size: 24px;
+ border-left: 5px solid #41a1be;
+ padding-left: 5px;
+ margin: 15px 0;
}
.demo-cascader {
margin-right: 20px;
@@ -750,11 +843,79 @@
}
}
}
+.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: 50%;
+ // height: 500px;
+ .button-textxg {
+ color: #024df0;
+ }
+ .button-textsc {
+ color: #f52727;
+ }
+ }
+ .presentation-right {
+ width: 50%;
+ max-height: 688px;
+ padding: 0 20px;
+ font-size: 18px;
+ overflow: auto;
+ .headline {
+ font-size: 20px;
+ border-left: 3px solid #41a1be;
+ padding-left: 5px;
+ margin: 15px 0;
+ }
+ .topicxq {
+ background-color: #e2f5fc;
+ border-radius: 4px;
+ margin-top: 10px;
+ padding-left: 10px;
+ padding-top: 15px;
+ }
+ }
+}
+::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;
+ font-size: 18px !important;
}
::v-deep.ruleFormaa.el-select {
display: inline-block;
@@ -782,4 +943,8 @@
font-size: 24px;
}
}
+// ::v-deep.el-form-item--medium .el-form-item__content {
+// line-height: 36px;
+// display: flex;
+// }
</style>
--
Gitblit v1.9.3