huoran
/
FE_judgmentPoint
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
master
yujialong 6 months ago
parent 4c5f0d81db
commit dae24e7cf7
5 changed files with 459 additions and 564 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/utils/api.js
  2. 32
      src/utils/http.js
  3. 186
      src/views/Home.vue
  4. 376
      src/views/Transaction.vue
  5. 20
      vue.config.js

5
src/utils/api.js
Unescape View File

@ -22,6 +22,9 @@ export default {
bandingProject: `/judgment/judgment/lcJudgmentPoint/bandingProject`, // 绑定项目管理
queryAllJudgmentPoint: `/judgment/judgment/lcJudgmentPoint/queryAllJudgmentPoint`, // 获取流程类判分点列表
queryJudgmentPointDetails: `/judgment/judgment/lcJudgmentPoint/queryJudgmentPointDetails`, // 获取判分点详细信息
copyJudgmentPoint: `/judgment/judgment/lcJudgmentPoint/copyJudgmentPoint`,
obtainTheCopyInformationAndEdit: `/judgment/judgment/lcJudgmentPoint/obtainTheCopyInformationAndEdit`,
obtainPreReplicationInformation: `/judgment/judgment/lcJudgmentPoint/obtainPreReplicationInformation`,
// 编程类
getBcJudgmentPoint: `/judgment/judgment/bcJudgmentPoint/getBcJudgmentPoint`, // 获取判分点列表(分页)
@ -55,7 +58,7 @@ export default {
UpdateIsOpen: `/judgment/judgment/pointOfJudgement/updateIsOpen`, //修改判分点状态
queryUserIds:`/liuwanr/userInfo/queryUserIds`,
queryUserIds: `/liuwanr/userInfo/queryUserIds`,
// 科大子系统

32
src/utils/http.js
Unescape View File

@ -7,16 +7,16 @@ let host = location.origin
const dev = process.env.NODE_ENV === 'development' // 本地
// 科大接口切换，参数里带host的为科大，否则就是职站中台
let isKd = /&host=(\d)/.exec(location.hash) //host：{1：测试环境，2：正式环境}
if(isKd){
if (isKd) {
host = isKd[1] == 1 ? 'http://122.9.154.146' : 'http://116.63.168.79'
}else{
} else {
let url = location.host;
// 职站中台接口切换
if (url.includes('124.71.12.62')) {
host = 'http://124.71.12.62:9000'; // 巢湖版
} else if (dev) {
host = 'http://121.37.12.51';
host = 'http://192.168.31.51:9000';
host = 'http://192.168.31.217:9000';
}
}
@ -38,23 +38,23 @@ service.interceptors.request.use(config => {
const { token } = router.currentRoute.query
config.headers.token = token ? atob(decodeURI(token)) : localStorage.getItem('token')
return config;
}, err => {
}, err => {
Message.error({
message: '退出登陆',
onClose: function () {
router.push({name: 'login'});
router.push({ name: 'login' });
}
})
return Promise.reject(err);
})
})
service.interceptors.response.use(
service.interceptors.response.use(
response => {
const res = response.data;
if (res.status == 200 || res.status == 10000 || res.status == 30001) {
return Promise.resolve(res).catch(e => {});
return Promise.resolve(res).catch(e => { });
} else if (!res.status) {
return Promise.resolve(res).catch(e => {});
return Promise.resolve(res).catch(e => { });
} else {
Message.error(res.message);
return Promise.reject(res)
@ -71,7 +71,7 @@ service.interceptors.request.use(config => {
case 401:
if (!logouted) {
Message.error("登录过期，请重新登录");
setTimeout(logouts,1500)
setTimeout(logouts, 1500)
logouted = 1
}
break;
@ -87,7 +87,7 @@ service.interceptors.request.use(config => {
// 清除token
// store.commit('loginSuccess', null);
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
setTimeout(logouts,1500)
setTimeout(logouts, 1500)
break;
// 404请求不存在
case 404:
@ -103,7 +103,7 @@ service.interceptors.request.use(config => {
}
);
function logouts(){
function logouts () {
let referrer = store.state.referrer
store.replaceState({})
if (referrer) {
@ -113,7 +113,7 @@ function logouts(){
}
}
function get(url, params) {
function get (url, params) {
return new Promise((resolve, reject) => {
service.get(url, { params: params }).then(res => {
resolve(res);
@ -123,7 +123,7 @@ function get(url, params) {
});
}
function post(url, params) {
function post (url, params) {
return new Promise((resolve, reject) => {
service.post(url, params).then(res => {
resolve(res);
@ -133,7 +133,7 @@ function post(url, params) {
});
}
function del(url, params) {
function del (url, params) {
return new Promise((resolve, reject) => {
service.delete(url, {
params
@ -145,7 +145,7 @@ function del(url, params) {
});
}
function put(url, params) {
function put (url, params) {
return new Promise((resolve, reject) => {
service.put(url, params).then(res => {
resolve(res);

186
src/views/Home.vue
Unescape View File

@ -1,9 +1,7 @@
<template>
<div class="content">
<div class="header flex">
<i class="el-icon-arrow-left"
@click="BackMain()"
style="cursor:pointer">
<i class="el-icon-arrow-left" @click="back" style="cursor:pointer">
<span>Back</span>
</i>
@ -11,78 +9,51 @@
</div>
<div class="footer">
<div class="footer_h">
<div class="black"
style="float: left"></div>
<div class="black" style="float: left"></div>
<p style="float: left">判分点列表</p>
</div>
<div class="flex footer_h">
<div style="width: 300px;float: left">
<el-input placeholder="请输入判分点名称"
style="height: 33px;width:100%"
prefix-icon="el-icon-search"
v-model="keyword"
clearable></el-input>
<el-input placeholder="请输入判分点名称" style="height: 33px;width:100%" prefix-icon="el-icon-search"
v-model="keyword" clearable></el-input>
</div>
<div style="float: right">
<el-button class="button"
style="height: 33px;line-height: 0px"
@click="HomepageJump()">新增</el-button>
<el-button class="button"
style="height: 33px;line-height: 0px"
@click="deletes()">批量删除</el-button>
<el-button class="button" style="height: 33px;line-height: 0px" @click="HomepageJump()">新增</el-button>
<el-button class="button" style="height: 33px;line-height: 0px" @click="deletes()">批量删除</el-button>
<el-button v-if="systemId == 19" class="button" style="height: 33px;line-height: 0px"
@click="batchCopy">批量复制</el-button>
</div>
</div>
<div>
<el-row>
<el-col :span="24">
<el-card shadow="hover">
<el-table :data="tableData"
:cell-style="rowClass"
:header-cell-style="headClass"
:stripe="true"
header-align="center"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="55">
<el-table :data="tableData" :cell-style="rowClass" :header-cell-style="headClass" :stripe="true"
header-align="center" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="index"
label="序号"
align="center">
<el-table-column type="index" label="序号" width="80" align="center">
<template slot-scope="scope">{{ scope.$index + (pageNum - 1) * pageSize + 1 }}</template>
</el-table-column>
<el-table-column prop="name"
label="判分点名称"
align="center"></el-table-column>
<el-table-column label="实验要求"
align="center">
<el-table-column prop="name" label="判分点名称" align="center"></el-table-column>
<el-table-column label="实验要求" align="center">
<template slot-scope="scope">
<div class="ql-snow">
<div class="ql-editor"
v-html="scope.row.experimentalRequirements"></div>
<div class="ql-editor" v-html="scope.row.experimentalRequirements"></div>
</div>
</template>
</el-table-column>
<el-table-column prop="operate"
label="操作"
align="center">
<el-table-column prop="operate" label="操作" align="center">
<template slot-scope="scope">
<el-button @click="handleEdit(scope.row)"
type="text"
size="small">编辑</el-button>
<el-button @click="handleDelete(scope.row)"
type="text"
size="small">删除</el-button>
<el-button v-if="systemId == 19" @click="copy(scope.row)" type="text" size="small">复制</el-button>
<el-button @click="handleEdit(scope.row)" type="text" size="small">编辑</el-button>
<el-button @click="handleDelete(scope.row)" type="text" size="small">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="isOpen"
label="是否启用"
align="center"
min-width="20%">
<el-table-column prop="isOpen" label="是否启用" align="center" width="130">
<template slot-scope="scope">
<el-switch v-model="scope.row.isOpen"
:active-value="0"
:inactive-value="1"
<el-switch v-model="scope.row.isOpen" :active-value="0" :inactive-value="1"
@change="changeSwitch(scope.row)"></el-switch>
</template>
</el-table-column>
@ -93,15 +64,30 @@
<!-- 分页 -->
<div class="block">
<el-pagination background
@current-change="handleCurrentChange"
:current-page="pageNum"
:page-size="10"
layout="total,prev, pager, next, jumper"
:total="dataTotal"></el-pagination>
<el-pagination background @current-change="handleCurrentChange" :current-page="pageNum" :page-size="10"
layout="total,prev, pager, next, jumper" :total="dataTotal"></el-pagination>
</div>
</div>
</div>
<el-dialog title="复制" :visible.sync="copyVisible" width="500px" center :close-on-click-modal="false">
<el-form label-width="90px" v-loading="beforeCopying">
<el-form-item v-if="curRow" prop="name" label="判分点名称">
<el-input size="small" placeholder="请输入判分点名称" v-model="form.name"></el-input>
</el-form-item>
<el-form-item prop="checkpointId" label="关联关卡">
<el-select size="small" v-model="form.checkpointId" placeholder="请选择关联关卡">
<el-option v-for="(item, i) in checkpoints" :key="i" :label="item.customsPassName"
:value="item.checkpointId">
</el-option>
</el-select>
</el-form-item>
</el-form>
<span v-if="!beforeCopying" slot="footer" class="dialog-footer">
<el-button size="small" @click="copyVisible = false">取消</el-button>
<el-button type="primary" size="small" :loading="copying" @click="copySubmit">确定</el-button>
</span>
</el-dialog>
</div>
</template>
@ -122,6 +108,15 @@ export default {
systemName: this.$route.query.systemName,
isProcess: false, // 是否是流程类
multipleSelection: [],
curRow: {},
copyVisible: false,
checkpoints: [],
form: {
name: '',
checkpointId: '',
},
beforeCopying: false,
copying: false,
};
},
components: { quill },
@ -143,11 +138,9 @@ export default {
}
this.initData();
this.getCheckpoint()
},
methods: {
BackMain () { // 返回
history.back()
},
handleCurrentChange (val) { // 切换页码
this.pageNum = val;
this.initData();
@ -275,6 +268,77 @@ export default {
this.$router.push(`program?isAdd=true&systemId=${this.systemId}`);
}
},
// 批量复制
batchCopy () {
if (this.multipleSelection.length) {
this.form = {
name: '',
checkpointId: '',
}
this.curRow = null
this.copyVisible = true
} else {
this.$message.warning("请先选择数据 ！");
}
},
// 复制
async copy (row) {
this.curRow = row
this.copyVisible = true
this.beforeCopying = true
// 查询应该显示的判分点名称
const res = await this.$post(this.api.obtainPreReplicationInformation, {
lcId: row.lcId
})
this.beforeCopying = false
this.form = {
name: res.newName || '',
checkpointId: +res.checkpointId || '',
}
},
// 复制提交
async copySubmit () {
const { name, checkpointId } = this.form
const list = this.multipleSelection
if (!list.length && !name) return this.$message.warning('请输入判分点名称')
if (!checkpointId) return this.$message.warning('请选择关联关卡')
try {
this.copying = true
if (list.length) {
// 批量复制
await this.$post(this.api.copyJudgmentPoint, {
checkpointId,
lcIds: list.map(e => e.lcId)
})
} else {
// 单个复制
await this.$post(this.api.obtainTheCopyInformationAndEdit, {
name,
checkpointId,
lcId: this.curRow.lcId,
})
}
this.copying = false
this.initData()
this.$message.success('复制成功！')
this.copyVisible = false
} catch (e) {
this.copying = false
}
},
// 获取业务
async getCheckpoint () {
const { data } = await this.$post(this.api.checkpointList, {
platformId: 3,
isEnable: 1
})
data.forEach(e => {
e.name = e.customsPassName
e.id = e.checkpointId
})
this.checkpoints = data
},
handleEdit (row) { // 编辑
if (this.isProcess) {
// 交易类
@ -358,6 +422,9 @@ export default {
rowClass () {
return "text-align: center;";
},
back () {
history.back()
},
}
};
</script>
@ -495,6 +562,7 @@ export default {
border-radius: 20px;
float: right;
}
.button:focus {
outline: 0;
}

376
src/views/Transaction.vue
Unescape View File

@ -1,23 +1,15 @@
<template>
<!-- 交易类 -->
<div class="content"
v-loading="loading"
element-loading-text="加载中"
element-loading-spinner="el-icon-loading">
<div class="content" v-loading="loading" element-loading-text="加载中" element-loading-spinner="el-icon-loading">
<div class="header">
<div>
<i class="back el-icon-arrow-left"
@click="Back()"
style="cursor:pointer">
<i class="back el-icon-arrow-left" @click="Back()" style="cursor:pointer">
<span>Back</span>
</i>
<span class="title">判分点设置</span>
</div>
<div>
<el-button v-if="!isView"
type="primary"
size="mini"
@click="submit">保存</el-button>
<el-button v-if="!isView" type="primary" size="mini" @click="submit">保存</el-button>
</div>
</div>
@ -29,21 +21,13 @@
</div>
<div class="item">
<div class="label">判分点</div>
<el-input v-model.trim="formData.lcJudgmentPoint.name"
:readonly="isView"
@blur="handleBlur"
placeholder="请输入内容"
clearable
style="width: 400px"></el-input>
<el-input v-model.trim="formData.lcJudgmentPoint.name" :readonly="isView" @blur="handleBlur"
placeholder="请输入内容" clearable style="width: 400px"></el-input>
</div>
<div class="item">
<div class="label">实验要求</div>
<quill class="quill"
v-model="formData.lcJudgmentPoint.experimentalRequirements"
:readonly="isView"
:border="true"
:minHeight="150"
:height="150" />
<quill class="quill" v-model="formData.lcJudgmentPoint.experimentalRequirements" :readonly="isView"
:border="true" :minHeight="150" :height="150" />
</div>
</div>
@ -54,128 +38,76 @@
<div>判分规则</div>
</div>
</div>
<el-dialog :visible.sync="configVisible"
width="25%"
title="批量新增判分点"
center
:append-to-body="false">
<el-dialog :visible.sync="configVisible" width="25%" title="批量新增判分点" center :append-to-body="false">
<div class="flex-between mgb20">
<div style="width: 100%;height: 400px;overflow: auto;margin: auto;background: #F5F5F5">
<el-tree class="add-tree"
style="background: #F5F5F5"
:data="treeData"
@check="currentChecked"
header-align="center"
show-checkbox
ref="tree"
node-key="operationIds"
:props="defaultProps"
<el-tree class="add-tree" style="background: #F5F5F5" :data="treeData" @check="currentChecked"
header-align="center" show-checkbox ref="tree" node-key="operationIds" :props="defaultProps"
v-if="configVisible">
<span class="custom-tree-node"
slot-scope="{ node, data }">
<span class="custom-tree-node" slot-scope="{ node, data }">
<span>{{ node.label }}</span>
<em class="exist"
v-if="data.exist">（已导入）</em>
<em class="exist" v-if="data.exist">（已导入）</em>
</span>
</el-tree>
</div>
</div>
<span slot="footer"
class="dialog-footer">
<span slot="footer" class="dialog-footer">
<el-button @click="configVisible = false">取 消</el-button>
<el-button type="primary"
@click="handleConfirm">确 定</el-button>
<el-button type="primary" @click="handleConfirm">确 定</el-button>
</span>
</el-dialog>
<el-card shadow="hover"
style="margin-bottom: 20px">
<el-card shadow="hover" style="margin-bottom: 20px">
<div class="business-wrap">
<div class="business">
<div class="label">{{isSt ? '关卡' : '业务'}}</div>
<el-select v-model="formData.lcJudgmentPoint.business"
:placeholder="'请选择' + (isSt ? '关卡' : '业务')">
<el-option v-for="(item, i) in businessList"
:key="i"
:label="item.name"
:value="item.id"></el-option>
<div class="label">{{ isSt ? '关卡' : '业务' }}</div>
<el-select v-model="formData.lcJudgmentPoint.business" :placeholder="'请选择' + (isSt ? '关卡' : '业务')">
<el-option v-for="(item, i) in businessList" :key="i" :label="item.name" :value="item.id"></el-option>
</el-select>
</div>
<div>
<el-button v-if="!isView"
type="primary"
size="mini"
@click="batchDel">批量删除</el-button>
<el-button v-if="!isView"
type="primary"
size="mini"
@click="saveAll">一键保存</el-button>
<el-button v-if="!isView"
type="primary"
size="mini"
@click="addRules">新增</el-button>
<el-button v-if="!isView" type="primary" size="mini" @click="batchDel">批量删除</el-button>
<el-button v-if="!isView" type="primary" size="mini" @click="saveAll">一键保存</el-button>
<el-button v-if="!isView" type="primary" size="mini" @click="addRules">新增</el-button>
</div>
</div>
</el-card>
<el-card shadow="hover">
<el-table class="lc-table"
:data="tableData"
:stripe="true"
row-key="i"
header-align="center"
<el-table class="lc-table" :data="tableData" :stripe="true" row-key="i" header-align="center"
@selection-change="handleSelectionChange">
<el-table-column type="selection"
width="55">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="indexNo"
type="index"
label="序号"
width="80">
<el-table-column prop="indexNo" type="index" label="序号" width="80">
<template slot-scope="scope">
{{ scope.row.isSubject && scope.row.index + 1 }}
</template>
</el-table-column>
<el-table-column label="流程类考核点">
<template slot-scope="scope"
v-if="scope.row.isSubject">
<template slot-scope="scope" v-if="scope.row.isSubject">
<p class="p">操作一致性规则：用户完成的功能操作与下方设置的操作点一致</p>
<div class="tree-con">
<div class="block1"
:id="'divTree'+scope.$index">
<el-tree :data="scope.row.operationIData"
:props="defaultProp"
:default-expand-all="true"></el-tree>
<div class="block1" :id="'divTree' + scope.$index">
<el-tree :data="scope.row.operationIData" :props="defaultProp" :default-expand-all="true"></el-tree>
</div>
<div v-show="scope.row.isDisabled"
class="mask"></div>
<div v-show="scope.row.isDisabled" class="mask"></div>
</div>
</template>
</el-table-column>
<el-table-column label=" "
width="150"
align="center">
<el-table-column label=" " width="150" align="center">
<template slot-scope="scope">
<el-button circle
type="primary"
v-if="scope.row.isSubject"
:disabled="isSt || isView || scope.row.isDisabled"
@click="changeResult(scope.row)">
<el-button circle type="primary" v-if="scope.row.isSubject"
:disabled="isSt || isView || scope.row.isDisabled" @click="changeResult(scope.row)">
{{ scope.row.resultOperation === 0 ? "且" : "或" }}
</el-button>
<el-button v-else
type="primary"
circle
@click="changeRule(scope.row, scope.$index)">
<el-button v-else type="primary" circle @click="changeRule(scope.row, scope.$index)">
{{ scope.row.ruleOperation === 0 ? "且" : "或" }}
</el-button>
</template>
</el-table-column>
<el-table-column label="正确答案">
<template slot-scope="scope"
v-if="scope.row.isSubject">
<p class="p"
style="margin-top: 1px">交易结果一致性规则：用户交易结果需要与下面设置的交易结果指标要求一致</p>
<template slot-scope="scope" v-if="scope.row.isSubject">
<p class="p" style="margin-top: 1px">交易结果一致性规则：用户交易结果需要与下面设置的交易结果指标要求一致</p>
<div class="block">
<!-- type: 题目类型(1选择 2判断 3填空 4问答 5指标结果) -->
<div v-if="scope.row.operationIds && scope.row.type == null"
@ -189,15 +121,10 @@
<span class="label mini">正确答案</span>
<div class="action">
<!--multiple:多选-->
<el-select v-model="scope.row.value1"
:disabled="isView || scope.row.isDisabled"
size="mini"
:multiple="isSt"
style="width: 100%;overflow: hidden;">
<el-option v-for="(item, i) in isSt ? scope.row.stItems : scope.row.lcItems"
:key="i"
:label="item.options"
:value="item.itemId"></el-option>
<el-select v-model="scope.row.value1" :disabled="isView || scope.row.isDisabled" size="mini"
:multiple="isSt" style="width: 100%;overflow: hidden;">
<el-option v-for="(item, i) in isSt ? scope.row.stItems : scope.row.lcItems" :key="i"
:label="item.options" :value="item.itemId"></el-option>
</el-select>
</div>
</div>
@ -212,13 +139,9 @@
<div class="line">
<span class="label mini">正确答案</span>
<div class="action">
<el-select v-model="scope.row.value1"
:disabled="isView || scope.row.isDisabled"
size="mini"
<el-select v-model="scope.row.value1" :disabled="isView || scope.row.isDisabled" size="mini"
style="width: 100%;">
<el-option v-for="(item, i) in scope.row.lcItems"
:key="i"
:label="item.options"
<el-option v-for="(item, i) in scope.row.lcItems" :key="i" :label="item.options"
:value="item.subjectId"></el-option>
</el-select>
</div>
@ -228,19 +151,14 @@
<template v-if="scope.row.type == 3">
<div class="box">
<div class="line"
style="min-height: 100%;">
<div class="line" style="min-height: 100%;">
<span class="label">
<!--<el-checkbox v-model="scope.row.fieldOfReq" :disabled="isView || scope.row.isDisabled">字段要求</el-checkbox>-->
字段要求
</span>
<div class="action">
<el-input class="mini-textarea"
type="textarea"
rows="6"
size="mini"
v-model.trim="scope.row.value1"
:disabled="isView || scope.row.isDisabled"
<el-input class="mini-textarea" type="textarea" rows="6" size="mini"
v-model.trim="scope.row.value1" :disabled="isView || scope.row.isDisabled"
placeholder="字段之间以逗号隔开"></el-input>
</div>
</div>
@ -255,30 +173,17 @@
字数要求
</span>
<div class="action a-line">
<el-select v-model="scope.row.value1"
:disabled="isView || scope.row.isDisabled"
size="mini">
<el-option label=">"
value=">"></el-option>
<el-option label="<"
value="<"></el-option>
<el-option label="="
value="="></el-option>
<el-option label=">="
value=">="></el-option>
<el-option label="<="
value="<="></el-option>
<el-option label="无限制"
value="无限制"></el-option>
<el-select v-model="scope.row.value1" :disabled="isView || scope.row.isDisabled" size="mini">
<el-option label=">" value=">"></el-option>
<el-option label="<" value="<"></el-option>
<el-option label="=" value="="></el-option>
<el-option label=">=" value=">="></el-option>
<el-option label="<=" value="<="></el-option>
<el-option label="无限制" value="无限制"></el-option>
</el-select>
<el-input class="number-input"
v-model.trim="scope.row.value2"
:disabled="isView || scope.row.isDisabled"
onkeyup="value=this.value.replace(/\D+/g,'')"
oninput="value=value.replace(/[^0-9.]/g,'')"
type="number"
min="1"
size="mini"
<el-input class="number-input" v-model.trim="scope.row.value2"
:disabled="isView || scope.row.isDisabled" onkeyup="value=this.value.replace(/\D+/g,'')"
oninput="value=value.replace(/[^0-9.]/g,'')" type="number" min="1" size="mini"
style="margin-left: 5px;"></el-input>
</div>
</div>
@ -288,12 +193,8 @@
字段要求
</span>
<div class="action">
<el-input class="mini-textarea"
type="textarea"
rows="5"
size="mini"
v-model.trim="scope.row.value3"
:disabled="isView || scope.row.isDisabled"
<el-input class="mini-textarea" type="textarea" rows="5" size="mini"
v-model.trim="scope.row.value3" :disabled="isView || scope.row.isDisabled"
placeholder="字段之间以逗号隔开"></el-input>
</div>
</div>
@ -301,55 +202,31 @@
</template>
<template v-if="scope.row.type == 5">
<div class="box"
style="padding: 0;">
<div class="box" style="padding: 0;">
<div class="line">
<div>{{ scope.row.name }}</div>
</div>
<div class="line"
style="flex-direction: column;">
<div class="line" style="flex-direction: column;">
<p class="label">交易指标区间</p>
<div class="action">
<div class="inputs range">
<el-select v-model="scope.row.value2"
:disabled="isView || scope.row.isDisabled"
size="mini"
clearable
placeholder="符号">
<el-option v-for="(item, i) in leftSymbols"
:key="i"
:value="item.name"></el-option>
<el-select v-model="scope.row.value2" :disabled="isView || scope.row.isDisabled" size="mini"
clearable placeholder="符号">
<el-option v-for="(item, i) in leftSymbols" :key="i" :value="item.name"></el-option>
</el-select>
<el-input class="number-input"
v-model.trim="scope.row.value3"
:disabled="isView || scope.row.isDisabled"
size="mini"
placeholder="数值" />
<el-input class="number-input"
v-model.trim="scope.row.value4"
:disabled="isView || scope.row.isDisabled"
size="mini"
placeholder="单位" />
<el-input class="number-input" v-model.trim="scope.row.value3"
:disabled="isView || scope.row.isDisabled" size="mini" placeholder="数值" />
<el-input class="number-input" v-model.trim="scope.row.value4"
:disabled="isView || scope.row.isDisabled" size="mini" placeholder="单位" />
<span>~</span>
<el-input class="number-input"
v-model.trim="scope.row.value5"
:disabled="isView || scope.row.isDisabled"
size="mini"
placeholder="数值" />
<el-input class="number-input"
v-model.trim="scope.row.value6"
:disabled="isView || scope.row.isDisabled"
size="mini"
placeholder="单位" />
<el-select :disabled="isView || scope.row.isDisabled"
v-model="scope.row.value7"
size="mini"
clearable
placeholder="符号">
<el-option v-for="(item, i) in rightSymbols"
:key="i"
:value="item.name"></el-option>
<el-input class="number-input" v-model.trim="scope.row.value5"
:disabled="isView || scope.row.isDisabled" size="mini" placeholder="数值" />
<el-input class="number-input" v-model.trim="scope.row.value6"
:disabled="isView || scope.row.isDisabled" size="mini" placeholder="单位" />
<el-select :disabled="isView || scope.row.isDisabled" v-model="scope.row.value7" size="mini"
clearable placeholder="符号">
<el-option v-for="(item, i) in rightSymbols" :key="i" :value="item.name"></el-option>
</el-select>
</div>
</div>
@ -360,91 +237,51 @@
<template v-if="scope.row.type == 6">
<div class="box money-box">
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check1"
<el-checkbox class="money-check" v-model="scope.row.check1"
:disabled="isView || scope.row.isDisabled">100元</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val1"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val1"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check2"
<el-checkbox class="money-check" v-model="scope.row.check2"
:disabled="isView || scope.row.isDisabled">50元</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val2"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val2"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check3"
<el-checkbox class="money-check" v-model="scope.row.check3"
:disabled="isView || scope.row.isDisabled">20元</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val3"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val3"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check4"
<el-checkbox class="money-check" v-model="scope.row.check4"
:disabled="isView || scope.row.isDisabled">10元</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val4"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val4"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check5"
<el-checkbox class="money-check" v-model="scope.row.check5"
:disabled="isView || scope.row.isDisabled">5元</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val5"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val5"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check6"
<el-checkbox class="money-check" v-model="scope.row.check6"
:disabled="isView || scope.row.isDisabled">1元</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val6"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val6"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check7"
<el-checkbox class="money-check" v-model="scope.row.check7"
:disabled="isView || scope.row.isDisabled">5角</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val7"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val7"
:disabled="isView || scope.row.isDisabled" />
</div>
<div class="line">
<el-checkbox class="money-check"
v-model="scope.row.check8"
<el-checkbox class="money-check" v-model="scope.row.check8"
:disabled="isView || scope.row.isDisabled">1角</el-checkbox>
<el-input class="money"
placeholder="请输入数量"
type="number"
size="mini"
v-model="scope.row.val8"
<el-input class="money" placeholder="请输入数量" type="number" size="mini" v-model="scope.row.val8"
:disabled="isView || scope.row.isDisabled" />
</div>
</div>
@ -452,29 +289,18 @@
</div>
</template>
</el-table-column>
<el-table-column label="操作"
width="300"
v-if="!isView">
<template slot-scope="scope"
v-if="scope.row.isSubject">
<el-button v-show="scope.row.isDisabled"
size="mini"
type="text"
@click="handleEdit(scope.row)">编辑
<el-table-column label="操作" width="300" v-if="!isView">
<template slot-scope="scope" v-if="scope.row.isSubject">
<el-button v-show="scope.row.isDisabled" size="mini" type="text" @click="handleEdit(scope.row)">编辑
</el-button>
<el-button v-show="!scope.row.isDisabled"
size="mini"
type="text"
@click="handleSave(scope.row)">保存
<el-button v-show="!scope.row.isDisabled" size="mini" type="text" @click="handleSave(scope.row)">保存
</el-button>
<!-- <el-button v-show="!scope.row.isDisabled"
size="mini"
type="text"
@click="handleCancel(scope.row, scope.$index)">取消
</el-button> -->
<el-button v-show="scope.row.isDisabled"
size="mini"
type="text"
<el-button v-show="scope.row.isDisabled" size="mini" type="text"
@click="handleDelete(scope.row, scope.$index)">删除
</el-button>
</template>
@ -1320,6 +1146,7 @@ export default {
justify-content: space-between;
align-items: center;
}
.content {
position: relative;
top: 10px;
@ -1337,6 +1164,7 @@ export default {
.back {
line-height: 3;
span {
font-size: 16px;
font-weight: 600;
@ -1350,17 +1178,21 @@ export default {
margin-left: 20px;
}
}
.cell div {
margin: auto;
text-align: center;
}
.business {
display: flex;
align-items: center;
.label {
margin-right: 10px;
}
}
// 表单容器
.form-con {
padding-bottom: 24px;
@ -1389,6 +1221,7 @@ export default {
padding-right: 20px;
line-height: 35px;
}
.quill {
width: calc(100% - 240px);
}
@ -1418,6 +1251,7 @@ export default {
}
}
}
/deep/.add-tree {
.exist {
font-size: 12px;
@ -1425,6 +1259,7 @@ export default {
color: #b3b3b3;
}
}
// 滚动条的宽度
/deep/ ::-webkit-scrollbar {
width: 6px; // 横向滚动条
@ -1460,6 +1295,7 @@ export default {
z-index: 100;
}
}
/deep/.lc-table {
.el-table__body {
tr:nth-child(even) .el-checkbox {
@ -1467,17 +1303,20 @@ export default {
}
}
}
@mixin block {
padding: 10px;
border: 1px solid #e4e7ed;
border-radius: 4px;
}
.block1 {
@include block;
height: 230px;
background-color: #fff;
overflow: auto;
}
.block {
@include block;
min-height: 220px;
@ -1503,6 +1342,7 @@ export default {
width: auto;
}
}
.action {
flex: 1;
text-align: left;
@ -1547,6 +1387,7 @@ export default {
margin-left: 0;
}
}
&.range {
/deep/ .el-input {
width: 80px;
@ -1571,15 +1412,18 @@ export default {
}
}
}
.money-box {
.line {
margin: 12px 0 !important;
}
/deep/.money-check {
width: 80px;
text-align: left;
}
}
/deep/.el-dialog__wrapper {
:hover {
cursor: pointer;

20
vue.config.js
Unescape View File

@ -1,25 +1,5 @@
// 引入等比适配插件
const px2rem = require('postcss-px2rem')
// 配置基本大小
const postcss = px2rem({
// 基准大小 baseSize，需要和rem.js中相同
remUnit: 16
})
// 使用等比适配插件
module.exports = {
lintOnSave: true,
css: {
loaderOptions: {
postcss: {
plugins: [
postcss
]
}
}
},
publicPath: process.env.NODE_ENV === "development" ? "./" : "",
outputDir: 'dist',
assetsDir: 'static',

Write Preview
Loading…
Cancel
Save