From 3ddea12f09e6a21d93d8443c96f42539168f78c8 Mon Sep 17 00:00:00 2001
From: heimawl <1785969728@qq.com>
Date: 星期二, 13 六月 2023 13:41:02 +0800
Subject: [PATCH] 补充问卷管理编辑页面布局
---
src/views/knowledge/questionnaire/compilequer/index.vue | 233 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 227 insertions(+), 6 deletions(-)
diff --git a/src/views/knowledge/questionnaire/compilequer/index.vue b/src/views/knowledge/questionnaire/compilequer/index.vue
index 2532afb..d5bc5ff 100644
--- a/src/views/knowledge/questionnaire/compilequer/index.vue
+++ b/src/views/knowledge/questionnaire/compilequer/index.vue
@@ -83,7 +83,6 @@
v-model="ruleForm.templatevalue"
:options="options"
:props="{ expandTrigger: 'hover' }"
- @change="handleChange"
></el-cascader>
<el-select v-model="ruleForm.data2" placeholder="鎻愪氦鎻愮ず">
<el-option
@@ -94,16 +93,123 @@
>
</el-option>
</el-select>
- <dev class="PreviewTemplate" @click="PreviewTemplate()"
- >棰勮妯＄増</dev
- >
- <el-button type="primary">纭寮曠敤</el-button>
+ <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')"
@@ -167,6 +273,7 @@
<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"
@@ -236,6 +343,7 @@
</el-form>
</div>
</div>
+ <!-- 棰勮妯＄増寮圭獥 -->
<el-drawer
title="闂嵎棰勮"
:visible.sync="drawer"
@@ -296,12 +404,15 @@
data() {
return {
sidecolumnrabs: "left", //鏂瑰悜
- Editprogress: 1, //缂栬緫杩涘害
+ Editprogress: 2, //缂栬緫杩涘害
currentVersion: "1.2.3", //褰撳墠鐗堟湰
+ loading: false, // 閬僵灞�
drawer: false, //鎺у埗灞曞紑
radio: "false", //鍗曢�夐閫変腑
radios: [], //澶氶�夐閫変腑
radioas: "", //濉┖棰樼瓟妗�
+ // 鎬绘潯鏁�
+ total: 1,
ruleForm: {
name: "",
region: "",
@@ -649,6 +760,51 @@
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,
+ },
};
},
@@ -669,6 +825,25 @@
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() {
@@ -750,6 +925,48 @@
}
}
}
+.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;
}
@@ -782,4 +999,8 @@
font-size: 24px;
}
}
+// ::v-deep.el-form-item--medium .el-form-item__content {
+// line-height: 36px;
+// display: flex;
+// }
</style>
--
Gitblit v1.9.3