Skip to content

H
haoban-4
Commit f4bed0cf by Kyle_Li
Options

update: 样式更改

parent fb05d2f9
Showing with 85 additions and 37 deletions
src/views/apps/target-manage/MonthTarget.vue
......@@ -3,7 +3,7 @@
<div class="target-box" v-for="item in tableData" :key="item.num">
<header>{{ item.head }}</header>
<div :class="{ content: true, red: isTrue(item) }">
<span v-if="isBatch && isPreMonth(item) && isLastThree(item.num)">无需设置</span>
<span v-if="isBatch && (isPreMonth(item) || isLastThree(item.num))">无需设置</span>
<el-input-number
v-else
v-model="item.val"
......@@ -143,6 +143,9 @@ export default {
}
.red .el-input__inner {
border-color: #F5222D;
&:focus {
box-shadow: 0 0 0 2px rgba(245,34,45,.2);
}
}
}
.el-input-number {
......
src/views/apps/target-manage/edit-store-quota.vue
......@@ -73,7 +73,7 @@
@change="val => monthTargetChange(val, 'addMemberVal')" />
</el-form-item>
<el-form-item label="指标编辑权限" prop="storeEdit" v-if="edit !== '2'">
<el-form-item label="指标编辑权限" prop="storeEdit" v-if="edit === '3' || !edit">
<el-checkbox v-model="form.storeEdit" :true-label="1" :false-label="0">店长可修改指标</el-checkbox>
</el-form-item>
......@@ -162,31 +162,51 @@ export default {
methods: {
async init() { // 初始化
// 修改面包屑
const { applicationId, edit, year, storeEdit, storeInfoId, storeName, tab, type, performanceFlag, addMemberFlag } = this.$route.query;
const { applicationId, edit, year, storeEdit, storeInfoId, storeName, tab, type, performanceFlag, addMemberFlag, single } = this.$route.query;
this.bread[0].path += `?applicationId=${applicationId}&tab=${tab}`;
this.bread[1].name = edit ? '编辑指标' : '新建指标';
if (edit === '1') { // 单个编辑
this.form.performanceYear = year;
this.targetStoreInfoIds = [ { storeName, storeInfoId } ];
this.form.storeEdit = Number(storeEdit);
await this.callback({ year, storeInfoId });
if (tab === '1') { // 未设置指标编辑
this.preDisabled = true;
this.form.performanceFlag = performanceFlag == '1' ? 1 : this.form.performanceFlag;
this.form.addMemberFlag = addMemberFlag == '1' ? 1 : this.form.addMemberFlag;
}
} else if (edit === '2') { // 批量编辑
this.targetStoreInfoIds = JSON.parse(localStorage.getItem('targetStoreInfoIds'));
this.form = {
...this.form,
...this.typeList[type - 1], // 指标类型批量的初始值
performanceYear: year,
};
} else if (edit === '3') { // 批量权限
this.targetStoreInfoIds = JSON.parse(localStorage.getItem('targetStoreInfoIds'));
this.form.performanceYear = year;
// this.form.storeEdit = Number(storeEdit);
switch (edit) {
case '1':// 单个编辑
this.form.performanceYear = year;
this.targetStoreInfoIds = [ { storeName, storeInfoId } ];
await this.callback({ year, storeInfoId });
if (tab === '1') { // 未设置指标编辑
this.preDisabled = true;
this.form.performanceFlag = performanceFlag == '1' ? 1 : this.form.performanceFlag;
this.form.addMemberFlag = addMemberFlag == '1' ? 1 : this.form.addMemberFlag;
}
break;
case '2':// 批量编辑
this.targetStoreInfoIds = JSON.parse(localStorage.getItem('targetStoreInfoIds'));
this.form = {
...this.form,
performanceYear: year,
};
if (tab === '1') { // 未设置指标编辑
this.form.performanceFlag = performanceFlag == '1' ? 1 : this.form.performanceFlag;
this.form.addMemberFlag = addMemberFlag == '1' ? 1 : this.form.addMemberFlag;
} else {
this.form = {
...this.form,
...this.typeList[type - 1], // 指标类型批量的初始值
};
}
break;
case '3':// 批量/权限
if (single) {
this.form.storeEdit = Number(storeEdit);
this.targetStoreInfoIds = [ { storeName, storeInfoId } ];
} else {
this.targetStoreInfoIds = JSON.parse(localStorage.getItem('targetStoreInfoIds'));
}
this.form.performanceYear = year;
break;
default:
break;
}
this.edit = edit;
......
src/views/apps/target-manage/quota-set.vue
......@@ -52,25 +52,27 @@
<gic-select-group-mult
v-if="search.storeType === '1'"
width="148px"
width="171px"
:brand-id="brandId"
@checkGroupIds="checkGroupIds">
</gic-select-group-mult>
<gic-select-tag
v-if="search.storeType === '2'"
width="148px"
width="171px"
:brand-id="brandId"
@returnTags="checkGroupIds">
</gic-select-tag>
</div>
<el-select placeholder="操作" @change="batchOperation">
<el-option label="新增指标" :value="1" v-show="activeName === '0'"></el-option>
<el-option label="编辑指标" :value="2"></el-option>
<el-option label="修改编辑权限" :value="3" v-show="activeName === '0'"></el-option>
</el-select>
<div>
<el-select placeholder="批量操作" style="width:101px" @change="batchOperation" :disabed="!multipleSelection || !multipleSelection.length">
<el-option label="编辑指标" :value="2"></el-option>
<el-option label="修改编辑权限" :value="3" v-show="activeName === '0'"></el-option>
</el-select>
<el-button type="primary" @click="batchOperation(1)" v-show="activeName === '0'">新增指标</el-button>
</div>
</div>
<div class="content-data" v-show="activeName === '1'">
......@@ -98,7 +100,7 @@
<el-table-column label="门店" show-overflow-tooltip>
<template slot-scope="{row}">
<div>{{ row.storeName || '--' }}</div>
<div class="ellipsis">{{ row.storeName || '--' }}</div>
<div style="color: #909399;font-size:12px">{{ row.storeCode || '--' }}</div>
</template>
</el-table-column>
......@@ -130,7 +132,7 @@
</template>
</el-table-column>
<el-table-column prop="date" label="操作">
<el-table-column prop="date" label="操作" width="220">
<template slot-scope="{row}">
<el-button
type="text"
......@@ -141,14 +143,30 @@
tab: activeName,
storeInfoId: row.storeInfoId,
storeName: row.storeName,
storeEdit: row.storeEdit,
edit: '1',
year: search.performanceYear,
performanceFlag: search1.noPerformanceFlag,
addMemberFlag: search1.noAddMemberFlag
}
})">
编辑
编辑指标
</el-button>
<el-button
type="text"
@click="$router.push({
path: '/edit-store-quota',
query: {
applicationId,
tab: activeName,
storeInfoId: row.storeInfoId,
storeName: row.storeName,
storeEdit: row.storeEdit,
edit: '3',
single: '1',
year: search.performanceYear,
}
})">
编辑权限
</el-button>
<el-button type="text" v-show="activeName === '0'" @click="delStorePerformance(row.storeInfoId)">删除</el-button>
</template>
......@@ -279,7 +297,7 @@ export default {
return this.$router.push({ path: '/edit-store-quota', query: { applicationId: this.applicationId } });
case 2: // 批量编辑
if (!this.multipleSelection || !this.multipleSelection.length) return this.$message.warning('请选择指标门店');
if (!this.search.type) return this.$message.warning('请选择指标类型');
if (!this.search.type && this.activeName == 0) return this.$message.warning('请选择指标类型');
localStorage.setItem('targetStoreInfoIds', JSON.stringify(this.multipleSelection));
return this.$router.push({
......@@ -289,7 +307,9 @@ export default {
tab: this.activeName,
edit: '2',
year: this.search.performanceYear,
type: this.search.type
type: this.search.type,
performanceFlag: this.search1.noPerformanceFlag,
addMemberFlag: this.search1.noAddMemberFlag
}
});
case 3: // 批量权限
......@@ -455,4 +475,9 @@ export default {
}
}
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment