mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 03:46:45 +08:00
style:调研改为评估
This commit is contained in:
李晓鸽
@@ -1,5 +1,5 @@
|
||||
import http from "./config";
|
||||
// import qs from 'qs';
|
||||
import qs from 'qs';
|
||||
|
||||
|
||||
/**
|
||||
@@ -34,6 +34,8 @@ import http from "./config";
|
||||
*
|
||||
*/
|
||||
|
||||
//上传文件
|
||||
export const uploadFile = (obj) => http.post('/test/testRequest', qs.stringify({ obj }));
|
||||
|
||||
// 接口-请求
|
||||
|
||||
|
||||
@@ -188,7 +188,7 @@
|
||||
</a-menu-item>
|
||||
|
||||
<a-menu-item key="sub5" @titleClick="titleClick">
|
||||
<span>调研</span>
|
||||
<span>评估</span>
|
||||
</a-menu-item>
|
||||
|
||||
<a-menu-item key="sub6" @titleClick="titleClick">
|
||||
|
||||
@@ -3,13 +3,13 @@
|
||||
:visible="addinvistVisible"
|
||||
class="drawerStyle addinvistDrawer"
|
||||
width="80%"
|
||||
title="添加调研"
|
||||
title="添加评估"
|
||||
placement="right"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">添加调研</div>
|
||||
<div class="headerTitle">添加评估</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@@ -64,7 +64,7 @@
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-range-picker
|
||||
style="width: 424px"
|
||||
style="width: 424px"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,7 +76,7 @@
|
||||
<div class="textarea">
|
||||
<a-textarea
|
||||
v-model:value="textV1"
|
||||
placeholder="请输入调研说明"
|
||||
placeholder="请输入评估说明"
|
||||
allow-clear
|
||||
maxlength="150"
|
||||
/>
|
||||
@@ -91,7 +91,7 @@
|
||||
</div>
|
||||
</a-drawer>
|
||||
</template>
|
||||
<script>
|
||||
<script>
|
||||
import { reactive, toRefs, ref } from "vue";
|
||||
const options1 = ref([
|
||||
{
|
||||
@@ -140,13 +140,13 @@ export default {
|
||||
...toRefs(state),
|
||||
afterVisibleChange,
|
||||
closeDrawer,
|
||||
rowSelection,
|
||||
options1,
|
||||
rowSelection,
|
||||
options1,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
<style lang="scss">
|
||||
.ant-table-striped :deep(.table-striped) td {
|
||||
background-color: #fafafa !important;
|
||||
}
|
||||
@@ -285,4 +285,3 @@ export default {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1776,7 +1776,7 @@ export default {
|
||||
}
|
||||
.learningPath {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
@@ -1983,10 +1983,11 @@ export default {
|
||||
}
|
||||
}
|
||||
.tableBox {
|
||||
padding-bottom: 20px;
|
||||
.pa {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 0;
|
||||
// position: absolute;
|
||||
// bottom: 20px;
|
||||
// left: 0;
|
||||
width: 100%;
|
||||
// height: 20px;
|
||||
// background-color: red;
|
||||
|
||||
@@ -342,7 +342,7 @@
|
||||
? require('../../assets/images/leveladd/huo.png')
|
||||
: item.course === '测评'
|
||||
? require('../../assets/images/leveladd/ce.png')
|
||||
: item.course === '调研'
|
||||
: item.course === '评估'
|
||||
? require('../../assets/images/leveladd/diao.png')
|
||||
: item.course === '投票'
|
||||
? require('../../assets/images/leveladd/tou.png')
|
||||
@@ -441,7 +441,7 @@
|
||||
item.course === '外链' ||
|
||||
item.course === '讨论' ||
|
||||
item.course === '直播' ||
|
||||
item.course === '调研' ||
|
||||
item.course === '评估' ||
|
||||
item.course === '投票' ||
|
||||
item.course === '活动'
|
||||
? showTime(item.course, item.name)
|
||||
@@ -1083,7 +1083,7 @@ export default {
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "调研",
|
||||
course: "评估",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
|
||||
@@ -217,7 +217,7 @@
|
||||
<div class="img">
|
||||
<img src="../../assets/images/leveladd/diao.png" />
|
||||
</div>
|
||||
<div class="text">调研</div>
|
||||
<div class="text">评估</div>
|
||||
</div>
|
||||
<div class="lin"></div>
|
||||
</div>
|
||||
|
||||
@@ -135,7 +135,7 @@
|
||||
? require('../../assets/images/leveladd/huo.png')
|
||||
: item.course === '测评'
|
||||
? require('../../assets/images/leveladd/ce.png')
|
||||
: item.course === '调研'
|
||||
: item.course === '评估'
|
||||
? require('../../assets/images/leveladd/diao.png')
|
||||
: item.course === '投票'
|
||||
? require('../../assets/images/leveladd/tou.png')
|
||||
@@ -225,7 +225,7 @@
|
||||
item.course === '外链' ||
|
||||
item.course === '讨论' ||
|
||||
item.course === '直播' ||
|
||||
item.course === '调研' ||
|
||||
item.course === '评估' ||
|
||||
item.course === '投票' ||
|
||||
item.course === '活动'
|
||||
? showTime(item.course, item.name)
|
||||
@@ -609,7 +609,7 @@ export default defineComponent({
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "调研",
|
||||
course: "评估",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
|
||||
@@ -216,13 +216,13 @@
|
||||
<div class="img">
|
||||
<img src="../../assets/images/leveladd/diao.png" />
|
||||
</div>
|
||||
<div class="text">调研</div>
|
||||
<div class="text">评估</div>
|
||||
</div>
|
||||
<!-- 添加调研侧弹窗 -->
|
||||
<!-- 添加评估侧弹窗 -->
|
||||
<div>
|
||||
<add-invist v-model:addinvistVisible="addinvistvisible" />
|
||||
</div>
|
||||
<!-- 添加调研侧弹窗 -->
|
||||
<!-- 添加评估侧弹窗 -->
|
||||
<div class="lin"></div>
|
||||
</div>
|
||||
<div class="item" @click="showDrawerAddVote">
|
||||
|
||||
@@ -296,7 +296,7 @@
|
||||
? require('../../assets/images/leveladd/huo.png')
|
||||
: item.course === '测评'
|
||||
? require('../../assets/images/leveladd/ce.png')
|
||||
: item.course === '调研'
|
||||
: item.course === '评估'
|
||||
? require('../../assets/images/leveladd/diao.png')
|
||||
: item.course === '投票'
|
||||
? require('../../assets/images/leveladd/tou.png')
|
||||
@@ -395,7 +395,7 @@
|
||||
item.course === '外链' ||
|
||||
item.course === '讨论' ||
|
||||
item.course === '直播' ||
|
||||
item.course === '调研' ||
|
||||
item.course === '评估' ||
|
||||
item.course === '投票' ||
|
||||
item.course === '活动'
|
||||
? showTime(item.course, item.name)
|
||||
@@ -2233,7 +2233,7 @@ export default {
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "调研",
|
||||
course: "评估",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<!-- 调研管理-管理页面 -->
|
||||
<!-- 评估管理-管理页面 -->
|
||||
<template>
|
||||
<div class="managepage">
|
||||
<div class="up">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<!-- 调研管理-创建评估页面 -->
|
||||
<!-- 评估管理-创建评估页面 -->
|
||||
<template>
|
||||
<div class="researchadd">
|
||||
<div class="header">
|
||||
@@ -21,8 +21,8 @@
|
||||
<div class="tagbox">
|
||||
<div class="tagname">单选题</div>
|
||||
<div class="deleteop">
|
||||
<div><img src="../../assets/images/projectadd/delete.png"/></div>
|
||||
<div class="del_text">删除选项</div>
|
||||
<div><img src="../../assets/images/projectadd/delete.png" /></div>
|
||||
<div class="del_text">删除选项</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
@@ -99,7 +99,7 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="name">
|
||||
<div class="in" style="margin-left: 85px;margin-bottom: 20px">
|
||||
<div class="in" style="margin-left: 85px; margin-bottom: 20px">
|
||||
<a-button
|
||||
type="primary"
|
||||
style="
|
||||
@@ -117,8 +117,8 @@
|
||||
<div class="tagbox">
|
||||
<div class="tagname">问答题</div>
|
||||
<div class="deleteop">
|
||||
<div><img src="../../assets/images/projectadd/delete.png"/></div>
|
||||
<div class="del_text">删除选项</div>
|
||||
<div><img src="../../assets/images/projectadd/delete.png" /></div>
|
||||
<div class="del_text">删除选项</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
@@ -152,8 +152,8 @@
|
||||
<div class="tagbox">
|
||||
<div class="tagname">评分题</div>
|
||||
<div class="deleteop">
|
||||
<div><img src="../../assets/images/projectadd/delete.png"/></div>
|
||||
<div class="del_text">删除选项</div>
|
||||
<div><img src="../../assets/images/projectadd/delete.png" /></div>
|
||||
<div class="del_text">删除选项</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="name">
|
||||
@@ -221,7 +221,7 @@
|
||||
</div>
|
||||
<div class="scoretext">非常不满意</div>
|
||||
</div>
|
||||
<div class="name" style="margin-bottom: 20px;">
|
||||
<div class="name" style="margin-bottom: 20px">
|
||||
<div class="namebox">
|
||||
<img
|
||||
class="nameimg"
|
||||
@@ -229,27 +229,31 @@
|
||||
/>
|
||||
<div class="inname">配置权重</div>
|
||||
</div>
|
||||
<div class="in" style="display:flex">
|
||||
<div class="in" style="display: flex">
|
||||
<div class="assess">
|
||||
<div class="assesstype">评估类型</div>
|
||||
<div class="assesswhole">整体评估</div>
|
||||
</div>
|
||||
<div class="assess" style="margin-left: 50px;position: relative">
|
||||
<div class="assess" style="margin-left: 50px; position: relative">
|
||||
<div class="assesstype">权重比例</div>
|
||||
<div class="assesswhole" style="background: #FFFFFF">20</div>
|
||||
<div class="assesswhole" style="background: #ffffff">20</div>
|
||||
<div class="ratio">%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="opinion name2">
|
||||
<div class="namebox">
|
||||
<div class="inname" style="margin-top: 13px">您的其他意见</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-textarea v-model:value="valuep" style="height: 110px" show-count
|
||||
:maxlength="200"/>
|
||||
</div>
|
||||
<div class="namebox">
|
||||
<div class="inname" style="margin-top: 13px">您的其他意见</div>
|
||||
</div>
|
||||
<div class="in">
|
||||
<a-textarea
|
||||
v-model:value="valuep"
|
||||
style="height: 110px"
|
||||
show-count
|
||||
:maxlength="200"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="btn">
|
||||
@@ -449,15 +453,15 @@ export default {
|
||||
align-items: center;
|
||||
margin-left: 41px;
|
||||
.addtypen {
|
||||
color: #6F6F6F;
|
||||
color: #6f6f6f;
|
||||
font-size: 14px;
|
||||
}
|
||||
.types {
|
||||
cursor: pointer;
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
color: #409EFF;
|
||||
border: 1px solid #409EFF;
|
||||
color: #409eff;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -497,11 +501,11 @@ export default {
|
||||
height: 40px;
|
||||
margin-top: 20px;
|
||||
margin-right: 30px;
|
||||
border: 1px solid #409EFF;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
.del_text {
|
||||
color: #409EFF;
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
@@ -589,7 +593,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.inname {
|
||||
color: #6F6F6F;
|
||||
color: #6f6f6f;
|
||||
font-size: 14px;
|
||||
margin-left: 7px;
|
||||
font-weight: 700;
|
||||
@@ -601,12 +605,12 @@ export default {
|
||||
display: flex;
|
||||
width: 226px;
|
||||
height: 40px;
|
||||
border: 1px solid #56A3F9;
|
||||
border: 1px solid #56a3f9;
|
||||
//margin-bottom: 20px;
|
||||
.assesstype {
|
||||
width: 50%;
|
||||
background: #56A3F9;
|
||||
color: #FFFFFF;
|
||||
background: #56a3f9;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -615,7 +619,7 @@ export default {
|
||||
width: 50%;
|
||||
background: rgba(86, 163, 249, 0.1);
|
||||
font-size: 14px;
|
||||
color: #6F6F6F;
|
||||
color: #6f6f6f;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@@ -624,7 +628,7 @@ export default {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 8px;
|
||||
color: #6F6F6F;
|
||||
color: #6f6f6f;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@@ -645,7 +649,6 @@ export default {
|
||||
// height: 120%;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
|
||||
}
|
||||
.ant-select-selector {
|
||||
border-radius: 5px;
|
||||
@@ -668,36 +671,36 @@ export default {
|
||||
}
|
||||
}
|
||||
.name2 {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.opinion {
|
||||
display: flex;
|
||||
margin-top: 30px;
|
||||
.namebox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.opinion {
|
||||
display: flex;
|
||||
margin-top: 30px;
|
||||
.namebox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-shrink: 0;
|
||||
.in {
|
||||
margin-left: 14px;
|
||||
width: 500px;
|
||||
.ant-input-textarea-show-count {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
}
|
||||
.in {
|
||||
margin-left: 14px;
|
||||
width: 500px;
|
||||
.ant-input-textarea-show-count {
|
||||
position: relative;
|
||||
height: 110px;
|
||||
}
|
||||
.ant-input-textarea-show-count::after {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.ant-input {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.ant-input-textarea-show-count::after {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 0px;
|
||||
}
|
||||
.ant-input {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
width: 100%;
|
||||
margin-top: 31px;
|
||||
|
||||
@@ -30,9 +30,7 @@
|
||||
list-type="picture-card"
|
||||
class="avatar-uploader"
|
||||
:show-upload-list="false"
|
||||
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
||||
:before-upload="beforeUpload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<!-- <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
|
||||
<div v-else>
|
||||
@@ -48,12 +46,12 @@ import { reactive, toRefs } from "vue";
|
||||
import AddVote from "../../components/drawers/AddVote";
|
||||
// import { PlusOutlined, LoadingOutlined } from "@ant-design/icons-vue";
|
||||
import { message } from "ant-design-vue";
|
||||
|
||||
function getBase64(img, callback) {
|
||||
const reader = new FileReader();
|
||||
reader.addEventListener("load", () => callback(reader.result));
|
||||
reader.readAsDataURL(img);
|
||||
}
|
||||
import * as api from "../../api/index1";
|
||||
// function getBase64(img, callback) {
|
||||
// const reader = new FileReader();
|
||||
// reader.addEventListener("load", () => callback(reader.result));
|
||||
// reader.readAsDataURL(img);
|
||||
// }
|
||||
export default {
|
||||
name: "SystemManage",
|
||||
components: {
|
||||
@@ -78,16 +76,29 @@ export default {
|
||||
};
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status === "uploading") {
|
||||
console.log("uploading", info.file);
|
||||
state.loading = true;
|
||||
return;
|
||||
}
|
||||
|
||||
if (info.file.status === "done") {
|
||||
console.log("done", info.file);
|
||||
let obj = {
|
||||
file: info.file,
|
||||
};
|
||||
api
|
||||
.uploadFile(obj)
|
||||
.then((res) => {
|
||||
console.log("res", res);
|
||||
})
|
||||
.then((err) => {
|
||||
console.log("err", err);
|
||||
});
|
||||
// Get this url from response in real world.
|
||||
getBase64(info.file.originFileObj, (base64Url) => {
|
||||
state.imageUrl = base64Url;
|
||||
state.loading = false;
|
||||
});
|
||||
// getBase64(info.file.originFileObj, (base64Url) => {
|
||||
// state.imageUrl = base64Url;
|
||||
// state.loading = false;
|
||||
// });
|
||||
}
|
||||
|
||||
if (info.file.status === "error") {
|
||||
@@ -97,6 +108,7 @@ export default {
|
||||
};
|
||||
|
||||
const beforeUpload = (file) => {
|
||||
console.log("file", file);
|
||||
const isJpgOrPng =
|
||||
file.type === "image/jpeg" || file.type === "image/png";
|
||||
|
||||
@@ -109,8 +121,25 @@ export default {
|
||||
if (!isLt2M) {
|
||||
message.error("Image must smaller than 2MB!");
|
||||
}
|
||||
|
||||
return isJpgOrPng && isLt2M;
|
||||
if (isJpgOrPng && isLt2M) {
|
||||
let obj = {
|
||||
file: file,
|
||||
};
|
||||
api
|
||||
.uploadFile(obj)
|
||||
.then((res) => {
|
||||
console.log("res", res);
|
||||
})
|
||||
.then((err) => {
|
||||
console.log("err", err);
|
||||
});
|
||||
// Get this url from response in real world.
|
||||
// getBase64(info.file.originFileObj, (base64Url) => {
|
||||
// state.imageUrl = base64Url;
|
||||
// state.loading = false;
|
||||
// });
|
||||
}
|
||||
// return isJpgOrPng && isLt2M;
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user