|
@@ -5,7 +5,7 @@
|
|
|
<!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
|
|
<!-- <el-icon :size="23" class="camera"><VideoCameraFilled /></el-icon> -->
|
|
|
<span class="cameratxt">任务管理</span>
|
|
<span class="cameratxt">任务管理</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div>
|
|
|
|
|
|
|
+ <div class="scroll">
|
|
|
<div class="middle">
|
|
<div class="middle">
|
|
|
<div class="filter">
|
|
<div class="filter">
|
|
|
<div class="condition">
|
|
<div class="condition">
|
|
@@ -547,193 +547,179 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="bgImg" v-if="bgImg">
|
|
|
|
|
- <el-carousel
|
|
|
|
|
- @click="bgImg = false"
|
|
|
|
|
- ref="bgImgs"
|
|
|
|
|
- indicator-position
|
|
|
|
|
- arrow="always"
|
|
|
|
|
- :autoplay="false"
|
|
|
|
|
- trigger
|
|
|
|
|
- >
|
|
|
|
|
- <el-carousel-item v-for="item in bgImgList" :key="item.id">
|
|
|
|
|
- <img :src="item.url" alt="" />
|
|
|
|
|
- </el-carousel-item>
|
|
|
|
|
- </el-carousel>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
|
|
|
- <!-- 编辑按钮 -->
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- class="editDialog"
|
|
|
|
|
- v-model="editVisible"
|
|
|
|
|
- :close-on-click-modal="false"
|
|
|
|
|
- :close-on-press-escape="false"
|
|
|
|
|
- :title="titleDialog"
|
|
|
|
|
- align-center
|
|
|
|
|
- width="900"
|
|
|
|
|
- :before-close="cancelEdit"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form
|
|
|
|
|
- ref="editRef"
|
|
|
|
|
- :model="editRuleForm"
|
|
|
|
|
- :rules="editRules"
|
|
|
|
|
- label-width="100px"
|
|
|
|
|
- class="demo-ruleForm"
|
|
|
|
|
- :size="formSize"
|
|
|
|
|
- label-position="right"
|
|
|
|
|
- status-icon
|
|
|
|
|
|
|
+ <!-- 编辑按钮 -->
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ class="editDialog"
|
|
|
|
|
+ v-model="editVisible"
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
|
+ :close-on-press-escape="false"
|
|
|
|
|
+ :title="titleDialog"
|
|
|
|
|
+ align-center
|
|
|
|
|
+ width="900"
|
|
|
|
|
+ :before-close="cancelEdit"
|
|
|
>
|
|
>
|
|
|
- <el-form-item label="类型 :" prop="type">
|
|
|
|
|
- <el-select
|
|
|
|
|
- v-model="editRuleForm.type"
|
|
|
|
|
- multiple
|
|
|
|
|
- placeholder="请选择类型"
|
|
|
|
|
- style="width: 740px"
|
|
|
|
|
- >
|
|
|
|
|
- <el-option label="学生肖像" value="1" />
|
|
|
|
|
- <el-option label="车辆预约" value="2" />
|
|
|
|
|
- <el-option label="校园打卡" value="3" />
|
|
|
|
|
- <el-option label="校园报修" value="4" />
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="名称 :" prop="yname">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="editRuleForm.yname"
|
|
|
|
|
- placeholder="数据源名称.如: xxx数据库"
|
|
|
|
|
- clearable
|
|
|
|
|
- style="width: 740px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <div v-if="titleDialog == '新增'">
|
|
|
|
|
- <span class="typeTitle">使用辅助选项请先选择类型</span>
|
|
|
|
|
- <el-form-item label="辅助选项 :">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="editRuleForm.location"
|
|
|
|
|
- placeholder="数据库服务IP地址"
|
|
|
|
|
- clearable
|
|
|
|
|
- style="width: 300px; margin-right: 10px"
|
|
|
|
|
- />
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="editRuleForm.port"
|
|
|
|
|
- placeholder="数据库服务端口号"
|
|
|
|
|
- clearable
|
|
|
|
|
- style="width: 210px; margin-right: 10px"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ ref="editRef"
|
|
|
|
|
+ :model="editRuleForm"
|
|
|
|
|
+ :rules="editRules"
|
|
|
|
|
+ label-width="100px"
|
|
|
|
|
+ class="demo-ruleForm"
|
|
|
|
|
+ :size="formSize"
|
|
|
|
|
+ label-position="right"
|
|
|
|
|
+ status-icon
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form-item label="类型 :" prop="type">
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="editRuleForm.type"
|
|
|
|
|
+ multiple
|
|
|
|
|
+ placeholder="请选择类型"
|
|
|
|
|
+ style="width: 740px"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option label="学生肖像" value="1" />
|
|
|
|
|
+ <el-option label="车辆预约" value="2" />
|
|
|
|
|
+ <el-option label="校园打卡" value="3" />
|
|
|
|
|
+ <el-option label="校园报修" value="4" />
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="名称 :" prop="yname">
|
|
|
<el-input
|
|
<el-input
|
|
|
- v-model="editRuleForm.kname"
|
|
|
|
|
- placeholder="数据库名称"
|
|
|
|
|
|
|
+ v-model="editRuleForm.yname"
|
|
|
|
|
+ placeholder="数据源名称.如: xxx数据库"
|
|
|
clearable
|
|
clearable
|
|
|
- style="width: 210px"
|
|
|
|
|
|
|
+ style="width: 740px"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- </div>
|
|
|
|
|
- <el-form-item label="连接地址 :" prop="link">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="editRuleForm.link"
|
|
|
|
|
- placeholder="数据库连接地址"
|
|
|
|
|
- clearable
|
|
|
|
|
- style="width: 740px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <div class="account">
|
|
|
|
|
- <el-form-item label="数据库账号 :" prop="account">
|
|
|
|
|
|
|
+ <div v-if="titleDialog == '新增'">
|
|
|
|
|
+ <span class="typeTitle">使用辅助选项请先选择类型</span>
|
|
|
|
|
+ <el-form-item label="辅助选项 :">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="editRuleForm.location"
|
|
|
|
|
+ placeholder="数据库服务IP地址"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ style="width: 300px; margin-right: 10px"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="editRuleForm.port"
|
|
|
|
|
+ placeholder="数据库服务端口号"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ style="width: 210px; margin-right: 10px"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="editRuleForm.kname"
|
|
|
|
|
+ placeholder="数据库名称"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ style="width: 210px"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-form-item label="连接地址 :" prop="link">
|
|
|
<el-input
|
|
<el-input
|
|
|
- v-model="editRuleForm.account"
|
|
|
|
|
- placeholder="请输入数据库账号"
|
|
|
|
|
|
|
+ v-model="editRuleForm.link"
|
|
|
|
|
+ placeholder="数据库连接地址"
|
|
|
clearable
|
|
clearable
|
|
|
|
|
+ style="width: 740px"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="数据库密码 :" prop="password">
|
|
|
|
|
|
|
+ <div class="account">
|
|
|
|
|
+ <el-form-item label="数据库账号 :" prop="account">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="editRuleForm.account"
|
|
|
|
|
+ placeholder="请输入数据库账号"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="数据库密码 :" prop="password">
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="editRuleForm.password"
|
|
|
|
|
+ placeholder="请输入数据库密码"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <el-form-item label="描述 :" prop="describe">
|
|
|
<el-input
|
|
<el-input
|
|
|
- v-model="editRuleForm.password"
|
|
|
|
|
- placeholder="请输入数据库密码"
|
|
|
|
|
|
|
+ v-model="editRuleForm.describe"
|
|
|
|
|
+ placeholder="请输入该数据库相关简述"
|
|
|
clearable
|
|
clearable
|
|
|
|
|
+ type="textarea"
|
|
|
|
|
+ :rows="5"
|
|
|
|
|
+ style="width: 740px"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
+ <el-form-item class="options">
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ color="rgba(41, 109, 227, 1)"
|
|
|
|
|
+ class="queding"
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="confirmEdit(editRef)"
|
|
|
|
|
+ >
|
|
|
|
|
+ 确认
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button @click="cancelEdit(editRef)">取消</el-button>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 查看按钮 -->
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ class="lookDialog"
|
|
|
|
|
+ v-model="lookVisible"
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
|
+ :close-on-press-escape="false"
|
|
|
|
|
+ title="交换任务详情"
|
|
|
|
|
+ align-center
|
|
|
|
|
+ width="600"
|
|
|
|
|
+ :before-close="cancelLook"
|
|
|
|
|
+ >
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li>交换任务名称 : <span>学院部门</span></li>
|
|
|
|
|
+ <li>来源数据源 : <span>教务数据库</span></li>
|
|
|
|
|
+ <li>交换方式 : <span>自定义SQL语句</span></li>
|
|
|
|
|
+ <li>
|
|
|
|
|
+ 自定义SQL :
|
|
|
|
|
+ <span>select jgdm bmdm, jgmc bmmc from zftal_xtgl_jgdmb</span>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li>来源数据源 : <span>字符集UTF8</span></li>
|
|
|
|
|
+ <li>目标数据源 : <span>学工数据库</span></li>
|
|
|
|
|
+ <li>目的数据源字符集 : <span>UTF8</span></li>
|
|
|
|
|
+ <li>交换机 : <span>auto</span></li>
|
|
|
|
|
+ <li>执行方式 : <span>间隔执行</span></li>
|
|
|
|
|
+ <li>间隔周期 : <span>1 天</span></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <div class="options">
|
|
|
|
|
+ <el-button @click="cancelLook">关闭</el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- 勾选删除 -->
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ class="closeAccount"
|
|
|
|
|
+ v-model="selDelVisible"
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
|
+ :close-on-press-escape="false"
|
|
|
|
|
+ title="勾选删除"
|
|
|
|
|
+ align-center
|
|
|
|
|
+ width="500"
|
|
|
|
|
+ :before-close="cancelSelDel"
|
|
|
|
|
+ >
|
|
|
|
|
+ <div class="content">
|
|
|
|
|
+ <img src="@/assets/images/warning.png" alt="" />
|
|
|
|
|
+ <span>是否删除勾选的数据库?</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-form-item label="描述 :" prop="describe">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="editRuleForm.describe"
|
|
|
|
|
- placeholder="请输入该数据库相关简述"
|
|
|
|
|
- clearable
|
|
|
|
|
- type="textarea"
|
|
|
|
|
- :rows="5"
|
|
|
|
|
- style="width: 740px"
|
|
|
|
|
- />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item class="options">
|
|
|
|
|
|
|
+ <div class="option">
|
|
|
<el-button
|
|
<el-button
|
|
|
color="rgba(41, 109, 227, 1)"
|
|
color="rgba(41, 109, 227, 1)"
|
|
|
class="queding"
|
|
class="queding"
|
|
|
type="primary"
|
|
type="primary"
|
|
|
- @click="confirmEdit(editRef)"
|
|
|
|
|
|
|
+ @click="confirmSelDel"
|
|
|
>
|
|
>
|
|
|
确认
|
|
确认
|
|
|
</el-button>
|
|
</el-button>
|
|
|
- <el-button @click="cancelEdit(editRef)">取消</el-button>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-form>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 查看按钮 -->
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- class="lookDialog"
|
|
|
|
|
- v-model="lookVisible"
|
|
|
|
|
- :close-on-click-modal="false"
|
|
|
|
|
- :close-on-press-escape="false"
|
|
|
|
|
- title="交换任务详情"
|
|
|
|
|
- align-center
|
|
|
|
|
- width="600"
|
|
|
|
|
- :before-close="cancelLook"
|
|
|
|
|
- >
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li>交换任务名称 : <span>学院部门</span></li>
|
|
|
|
|
- <li>来源数据源 : <span>教务数据库</span></li>
|
|
|
|
|
- <li>交换方式 : <span>自定义SQL语句</span></li>
|
|
|
|
|
- <li>
|
|
|
|
|
- 自定义SQL :
|
|
|
|
|
- <span>select jgdm bmdm, jgmc bmmc from zftal_xtgl_jgdmb</span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>来源数据源 : <span>字符集UTF8</span></li>
|
|
|
|
|
- <li>目标数据源 : <span>学工数据库</span></li>
|
|
|
|
|
- <li>目的数据源字符集 : <span>UTF8</span></li>
|
|
|
|
|
- <li>交换机 : <span>auto</span></li>
|
|
|
|
|
- <li>执行方式 : <span>间隔执行</span></li>
|
|
|
|
|
- <li>间隔周期 : <span>1 天</span></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- <div class="options">
|
|
|
|
|
- <el-button @click="cancelLook">关闭</el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 勾选删除 -->
|
|
|
|
|
- <el-dialog
|
|
|
|
|
- class="closeAccount"
|
|
|
|
|
- v-model="selDelVisible"
|
|
|
|
|
- :close-on-click-modal="false"
|
|
|
|
|
- :close-on-press-escape="false"
|
|
|
|
|
- title="勾选删除"
|
|
|
|
|
- align-center
|
|
|
|
|
- width="500"
|
|
|
|
|
- :before-close="cancelSelDel"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="content">
|
|
|
|
|
- <img src="@/assets/images/warning.png" alt="" />
|
|
|
|
|
- <span>是否删除勾选的数据库?</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="option">
|
|
|
|
|
- <el-button
|
|
|
|
|
- color="rgba(41, 109, 227, 1)"
|
|
|
|
|
- class="queding"
|
|
|
|
|
- type="primary"
|
|
|
|
|
- @click="confirmSelDel"
|
|
|
|
|
- >
|
|
|
|
|
- 确认
|
|
|
|
|
- </el-button>
|
|
|
|
|
- <el-button @click="cancelSelDel">取消</el-button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-dialog>
|
|
|
|
|
|
|
+ <el-button @click="cancelSelDel">取消</el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
@@ -1239,8 +1225,9 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
.content-box {
|
|
.content-box {
|
|
|
- width: 97.5%;
|
|
|
|
|
- height: calc(100% - 105px);
|
|
|
|
|
|
|
+ min-width: 1000px;
|
|
|
|
|
+ width: calc(100vw - 260px);
|
|
|
|
|
+ height: calc(100vh - 105px);
|
|
|
margin: 20px auto;
|
|
margin: 20px auto;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
@@ -1249,6 +1236,7 @@ onUnmounted(() => {
|
|
|
box-shadow: 0px 3px 10px rgba(0, 97, 255, 0.2);
|
|
box-shadow: 0px 3px 10px rgba(0, 97, 255, 0.2);
|
|
|
// 主页面
|
|
// 主页面
|
|
|
.home {
|
|
.home {
|
|
|
|
|
+ height: 100%;
|
|
|
.left {
|
|
.left {
|
|
|
// width: calc(100wh - 40px);
|
|
// width: calc(100wh - 40px);
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -1261,15 +1249,19 @@ onUnmounted(() => {
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
span {
|
|
span {
|
|
|
|
|
+ height: 60px;
|
|
|
|
|
+ line-height: 60px;
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
|
- cursor: pointer;
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.is_active {
|
|
.is_active {
|
|
|
color: rgba(111, 182, 184, 1);
|
|
color: rgba(111, 182, 184, 1);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ .scroll {
|
|
|
|
|
+ height: calc(100% - 61px);
|
|
|
|
|
+ overflow: auto;
|
|
|
|
|
+ }
|
|
|
.middle {
|
|
.middle {
|
|
|
width: 96%;
|
|
width: 96%;
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
@@ -1346,11 +1338,11 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
.footer {
|
|
.footer {
|
|
|
width: 96%;
|
|
width: 96%;
|
|
|
- height: 550px;
|
|
|
|
|
|
|
+ // height: 550px;
|
|
|
margin: 10px auto 30px;
|
|
margin: 10px auto 30px;
|
|
|
|
|
|
|
|
.el-table--fit {
|
|
.el-table--fit {
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ // height: 100%;
|
|
|
|
|
|
|
|
:deep(.el-table__header-wrapper) {
|
|
:deep(.el-table__header-wrapper) {
|
|
|
background-color: #000;
|
|
background-color: #000;
|
|
@@ -1426,6 +1418,64 @@ onUnmounted(() => {
|
|
|
// }
|
|
// }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .pageSize {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ margin: 0 30px;
|
|
|
|
|
+
|
|
|
|
|
+ span {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .el-pagination {
|
|
|
|
|
+ // width: 1600px;
|
|
|
|
|
+ :deep(.el-pagination__total) {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.el-pagination__goto) {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.el-pagination__classifier) {
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.el-input__wrapper) {
|
|
|
|
|
+ border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ box-shadow: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.el-pager li) {
|
|
|
|
|
+ margin: 0 5px;
|
|
|
|
|
+ border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.el-pager li.is-active) {
|
|
|
|
|
+ // background-color: rgba(0, 97, 255, 0.8);
|
|
|
|
|
+ border: 1px solid rgba(0, 97, 255, 1);
|
|
|
|
|
+ color: rgba(0, 97, 255, 1);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.btn-prev) {
|
|
|
|
|
+ margin-right: 5px;
|
|
|
|
|
+ border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ :deep(.btn-next) {
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
// 编辑页面
|
|
// 编辑页面
|
|
|
.taskEdit {
|
|
.taskEdit {
|
|
@@ -1713,7 +1763,6 @@ onUnmounted(() => {
|
|
|
|
|
|
|
|
.el-dialog__body {
|
|
.el-dialog__body {
|
|
|
padding: 0px 20px 20px 20px;
|
|
padding: 0px 20px 20px 20px;
|
|
|
- // height: 200px;
|
|
|
|
|
// display: flex;
|
|
// display: flex;
|
|
|
// flex-direction: column-reverse;
|
|
// flex-direction: column-reverse;
|
|
|
.content {
|
|
.content {
|
|
@@ -1739,65 +1788,6 @@ onUnmounted(() => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .pageSize {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- margin: 0 30px;
|
|
|
|
|
-
|
|
|
|
|
- span {
|
|
|
|
|
- color: #000;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .el-pagination {
|
|
|
|
|
- // width: 1600px;
|
|
|
|
|
- :deep(.el-pagination__total) {
|
|
|
|
|
- color: #000;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.el-pagination__goto) {
|
|
|
|
|
- color: #000;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.el-pagination__classifier) {
|
|
|
|
|
- color: #000;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.el-input__wrapper) {
|
|
|
|
|
- border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
- border-radius: 5px;
|
|
|
|
|
- box-shadow: none;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.el-pager li) {
|
|
|
|
|
- margin: 0 5px;
|
|
|
|
|
- border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
- border-radius: 5px;
|
|
|
|
|
- background-color: transparent;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.el-pager li.is-active) {
|
|
|
|
|
- // background-color: rgba(0, 97, 255, 0.8);
|
|
|
|
|
- border: 1px solid rgba(0, 97, 255, 1);
|
|
|
|
|
- color: rgba(0, 97, 255, 1);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.btn-prev) {
|
|
|
|
|
- margin-right: 5px;
|
|
|
|
|
- border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
- border-radius: 5px;
|
|
|
|
|
- background-color: transparent;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- :deep(.btn-next) {
|
|
|
|
|
- margin-left: 5px;
|
|
|
|
|
- border: 1px solid rgba(0, 0, 0, 1);
|
|
|
|
|
- border-radius: 5px;
|
|
|
|
|
- background-color: transparent;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.el-input {
|
|
.el-input {
|