Skip to content

H
haoban-3
Commit 5ee61a35 by 陈羽
Options

update: 分配企业

parent 77859496
Showing with 628 additions and 83 deletions
src/components/set/app-set.vue
......@@ -20,13 +20,15 @@
<el-form-item label="AppID：" prop="appId">
<el-input show-word-limit placeholder="请输入AppID" type="text" v-model="ruleForm.appId" maxlength="80"></el-input>
</el-form-item>
<el-form-item label="标题：" prop="title">
<el-input show-word-limit placeholder="请输入标题" type="text" v-model="ruleForm.title" maxlength="80"></el-input>
</el-form-item>
<el-form-item label=" 封面：" prop="pic">
<single-upload uploadType="1" :imgSrc.sync="ruleForm.pic" :field="''" class="app-set" :uploadLimit="20"> </single-upload>
<p style="margin-top: 9px;font-size: 12px;color: #909399;line-height: 17px;">建议尺寸520*416，支持png、jpg、jpeg格式</p>
</el-form-item>
<template v-if="type === 1">
<el-form-item label="标题：" prop="title">
<el-input show-word-limit placeholder="请输入标题" type="text" v-model="ruleForm.title" maxlength="80"></el-input>
</el-form-item>
<el-form-item label=" 封面：" prop="pic">
<single-upload uploadType="1" :imgSrc.sync="ruleForm.pic" :field="''" class="app-set" :uploadLimit="20"> </single-upload>
<p style="margin-top: 9px;font-size: 12px;color: #909399;line-height: 17px;">建议尺寸520*416，支持png、jpg、jpeg格式</p>
</el-form-item>
</template>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
......@@ -48,6 +50,12 @@ export default {
default() {
return {};
}
},
type: {
type: Number,
default() {
return 0;
}
}
},
components: {
......
src/components/set/distribution-enterprise.vue
......@@ -7,43 +7,51 @@
* @LastEditTime: 2021-04-12 15:57:24
-->
<!--
<distribution-enterprise :id="enterpriseId" v-if="showDistribution" @closeText="closeText" @submitText="submitText"></distribution-enterprise>
<el-button type="text" @click="toDistribute(scope.$index, scope.row)" v-if="!scope.row.fromMaterialId">分配企业</el-button>
<distribution-enterprise :editRow="distributionEditRow" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
<script>
import distributionEnterprise from '@/components/set/distribution-enterprise.vue';
export default {
data() {
return {
enterpriseId:'',
showDistribution: false
showDistribution: false,
distributionEditRow: {}
};
},
methods: {
closeText() {
const that = this;
that.showDistribution = false;
that.editRow = {};
closeTextDistribution() {
this.showDistribution = false;
this.distributionEditRow = {};
},
submitText() {
submitTextDistribution() {
const that = this;
that.showDistribution = false;
that.editRow = {};
that.distributionEditRow = {};
that.$emit('refreshTable');
},
}
toDistribute(index, row) {
this.showDistribution = true;
this.distributionEditRow = row;
},
},
components: {
distributionEnterprise
}
-->
<template>
<el-dialog title="分配企业" :visible.sync="dialogVisible" width="490px" class="distribution-enterprise">
<el-dialog title="分配企业" :visible.sync="dialogVisible" width="490px" class="distribution-enterprise" @close="toCancel">
<div>
<el-form :model="form" :rules="rules" ref="ruleForm" class="demo-ruleForm">
<el-form-item>
<p class="check-all">
<el-checkbox v-model="checkAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">全选</el-checkbox>
<el-checkbox v-model="checkAll" :disabled="hasCheckAll" :indeterminate="isIndeterminate" @change="handleCheckAllChange">全选</el-checkbox>
</p>
<el-form-item prop="checkedList">
<el-checkbox-group v-model="form.checkedList" name="checkedList" @change="handleCheckedListChange">
<el-checkbox v-for="(opt, index) in options" name="checkedList" :label="opt.id" :key="index">
<p class="name">{{ opt.name }}</p>
<p class="subname">{{ opt.subname }}</p>
<p v-if="!options.length" class="no-enterprise">暂无可分配企业</p>
<el-checkbox-group v-else v-model="form.checkedList" name="checkedList" @change="handleCheckedListChange">
<el-checkbox v-for="(opt, index) in options" name="checkedList" :label="opt.wxEnterpriseId" :key="index" :disabled="opt.bindFlag">
<p class="name">{{ opt.enterpriseName }}</p>
</el-checkbox>
</el-checkbox-group>
</el-form-item>
......@@ -52,50 +60,51 @@ data() {
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="toCancel">取消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">分配</el-button>
<el-button type="primary" @click="submitForm('ruleForm')" :disabled="hasCheckAll">分配</el-button>
</div>
</el-dialog>
</template>
<script>
import { _debounce } from '@/common/js/public';
import { postRequest } from '@/api/api';
import { postRequest, getRequest } from '@/api/api';
import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
const options = [
{ id: 1, name: '上海', subname: 'xiaosh' },
{ id: 2, name: '北京', subname: 'xiaosh' },
{ id: 3, name: '广州', subname: 'xiaosh' },
{ id: 4, name: '北京', subname: 'xiaosh' }
];
export default {
props: {
id: {
type: String,
default: ''
editRow: {
type: Object,
default() {
return {};
}
},
show: {
type: Boolean,
default: false
default() {
return false;
}
}
},
data() {
return {
dialogVisible: true,
dialogVisible: false,
ruleForm: {
enterpriseId: ''
},
rules: {
checkedList: [{ type: 'array', required: true, message: '请选择企业', tigger: 'change' }]
},
hasCheckAll: false,
checkAll: false,
form: { checkedList: [] },
options,
options: [],
isIndeterminate: false
};
},
methods: {
toCancel() {
this.dialogVisible = false;
this.$emit('closeText');
this.$refs['ruleForm'].resetFields();
},
submitForm: _debounce(function(formName) {
const that = this;
......@@ -106,12 +115,12 @@ export default {
});
}, 300),
postSave() {
showMsg.showmsg('操作成功', 'success');
this.$emit('submitText');
return;
const that = this;
const data = { ...that.ruleForm };
postRequest('/haoban-manage3-web/', data)
let data = {
materialIds: that.editRow.materialId,
toWxEnterpriseIds: that.form.checkedList.join(',')
};
postRequest('/haoban-manage3-web/material-share', data)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
......@@ -130,36 +139,70 @@ export default {
},
handleCheckAllChange(val) {
if (val) {
let arr = [];
this.options.map(item => {
this.form.checkedList.push(item.id);
arr.push(item.wxEnterpriseId);
});
this.form.checkedList = [...arr];
} else {
this.form.checkedList = [];
}
this.isIndeterminate = false;
},
handleCheckedListChange(value) {
this.form.checkedList = value;
let checkedCount = value.length;
this.checkAll = checkedCount === this.options.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < this.options.length;
},
getOptions() {
this.$refs['ruleForm'].resetFields();
console.log(this.id);
const data = {
materialId: this.editRow.materialId
};
getRequest('/haoban-manage3-web/agent-wx-enterprise-list', data)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1 && resData.result && resData.result.length) {
let arr = [];
let options = resData.result.filter(item => {
if (arr.indexOf(item.wxEnterpriseId) === -1) {
if (item.bindFlag) {
this.form.checkedList.push(item.wxEnterpriseId);
}
arr.push(item.wxEnterpriseId);
return item;
}
});
if (this.form.checkedList.length === options.length) {
this.checkAll = true;
this.hasCheckAll = true;
}
this.options = [...options];
} else {
errMsg.errorMsg(resData);
}
})
.catch(error => {
this.$message.error({
duration: 1000,
message: error.message
});
});
}
},
watch: {
show(newV, oldV) {
console.log(newV);
this.dialogVisible = true;
this.dialogVisible = newV;
},
editRow(newData) {
if (Object.keys(newData).length) {
this.getOptions();
}
}
},
mounted() {
const that = this;
if (that.id) {
that.$nextTick(() => {
this.getOptions();
});
if (Object.keys(this.editRow).length) {
this.getOptions();
}
}
};
......@@ -202,11 +245,6 @@ export default {
line-height: 14px;
margin-bottom: 6px;
}
.subname {
font-size: 14px;
color: #909399;
line-height: 20px;
}
}
}
}
......@@ -215,5 +253,10 @@ export default {
padding-bottom: 20px;
}
}
.no-enterprise {
height: 248px;
text-align: center;
color: #606266;
}
</style>
<style lang="scss"></style>
src/components/set/file-table.vue
......@@ -45,6 +45,7 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" @click="toDistribute(scope.$index, scope.row)" v-if="!scope.row.fromMaterialId">分配企业</el-button>
<el-button type="text" @click="toEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="text" @click="toDel(scope.$index, scope.row)">删除</el-button>
</template>
......@@ -54,9 +55,11 @@
<dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
</div>
<file-edit v-if="textShow" :editRow="editRow" :categoryId="categoryId" @closeText="closeText" @submitText="submitText"></file-edit>
<distribution-enterprise :editRow="distributionEditRow" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
</div>
</template>
<script>
import distributionEnterprise from '@/components/set/distribution-enterprise.vue';
import fileEdit from '@/components/set/file-edit.vue';
import { postRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
......@@ -106,7 +109,9 @@ export default {
tableData: [],
multipleSelection: [],
textShow: false,
editRow: {}
editRow: {},
showDistribution: false,
distributionEditRow: {}
};
},
computed: {},
......@@ -128,6 +133,20 @@ export default {
that.editRow = {};
that.$emit('refreshTable');
},
closeTextDistribution() {
this.showDistribution = false;
this.distributionEditRow = {};
},
submitTextDistribution() {
const that = this;
that.showDistribution = false;
that.distributionEditRow = {};
that.$emit('refreshTable');
},
toDistribute(index, row) {
this.showDistribution = true;
this.distributionEditRow = row;
},
/**
* 编辑
*/
......@@ -248,7 +267,8 @@ export default {
}
},
components: {
fileEdit
fileEdit,
distributionEnterprise
}
};
</script>
......
src/components/set/image-table.vue
......@@ -45,6 +45,7 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" @click="toDistribute(scope.$index, scope.row)" v-if="!scope.row.fromMaterialId">分配企业</el-button>
<el-button type="text" @click="toEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="text" @click="toDel(scope.$index, scope.row)">删除</el-button>
</template>
......@@ -54,9 +55,11 @@
<dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
</div>
<image-edit v-if="textShow" :editRow="editRow" :categoryId="categoryId" @closeText="closeText" @submitText="submitText"></image-edit>
<distribution-enterprise :editRow="distributionEditRow" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
</div>
</template>
<script>
import distributionEnterprise from '@/components/set/distribution-enterprise.vue';
import imageEdit from '@/components/set/image-edit.vue';
import { postRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
......@@ -106,7 +109,9 @@ export default {
tableData: [],
multipleSelection: [],
textShow: false,
editRow: {}
editRow: {},
showDistribution: false,
distributionEditRow: {}
};
},
computed: {},
......@@ -125,6 +130,20 @@ export default {
that.editRow = {};
that.$emit('refreshTable');
},
closeTextDistribution() {
this.showDistribution = false;
this.distributionEditRow = {};
},
submitTextDistribution() {
const that = this;
that.showDistribution = false;
that.distributionEditRow = {};
that.$emit('refreshTable');
},
toDistribute(index, row) {
this.showDistribution = true;
this.distributionEditRow = row;
},
/**
* 编辑
*/
......@@ -245,7 +264,8 @@ export default {
}
},
components: {
imageEdit
imageEdit,
distributionEnterprise
}
};
</script>
......
src/components/set/text-table.vue
......@@ -43,7 +43,7 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" @click="toDistribute(scope.$index, scope.row)">分配企业</el-button>
<el-button type="text" @click="toDistribute(scope.$index, scope.row)" v-if="!scope.row.fromMaterialId">分配企业</el-button>
<el-button type="text" @click="toEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="text" @click="toDel(scope.$index, scope.row)">删除</el-button>
</template>
......@@ -53,7 +53,7 @@
<dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
</div>
<text-edit v-if="textShow" :editRow="editRow" :categoryId="categoryId" @closeText="closeText" @submitText="submitText"></text-edit>
<distribution-enterprise :id="editRow.enterpriseId" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
<distribution-enterprise :editRow="distributionEditRow" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
</div>
</template>
<script>
......@@ -108,7 +108,8 @@ export default {
multipleSelection: [],
textShow: false,
editRow: {},
showDistribution: false
showDistribution: false,
distributionEditRow: {}
};
},
computed: {},
......@@ -128,25 +129,21 @@ export default {
that.$emit('refreshTable');
},
closeTextDistribution() {
const that = this;
that.showDistribution = false;
that.editRow = {};
this.showDistribution = false;
this.distributionEditRow = {};
},
submitTextDistribution() {
const that = this;
that.showDistribution = false;
that.editRow = {};
that.distributionEditRow = {};
that.$emit('refreshTable');
},
/**
* 编辑
*/
toDistribute(index, row) {
console.log(1);
const that = this;
that.showDistribution = true;
that.editRow = row;
console.log(this.showDistribution);
this.showDistribution = true;
this.distributionEditRow = row;
},
/**
* 编辑
......
src/components/set/video-table.vue
......@@ -47,6 +47,7 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" @click="toDistribute(scope.$index, scope.row)" v-if="!scope.row.fromMaterialId">分配企业</el-button>
<el-button type="text" @click="toEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="text" @click="toDel(scope.$index, scope.row)">删除</el-button>
</template>
......@@ -56,9 +57,11 @@
<dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
</div>
<video-edit v-if="textShow" :editRow="editRow" :categoryId="categoryId" @closeText="closeText" @submitText="submitText"></video-edit>
<distribution-enterprise :editRow="distributionEditRow" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
</div>
</template>
<script>
import distributionEnterprise from '@/components/set/distribution-enterprise.vue';
import videoEdit from '@/components/set/video-edit.vue';
import { postRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
......@@ -108,7 +111,9 @@ export default {
tableData: [],
multipleSelection: [],
textShow: false,
editRow: {}
editRow: {},
showDistribution: false,
distributionEditRow: {}
};
},
computed: {},
......@@ -130,6 +135,20 @@ export default {
that.editRow = {};
that.$emit('refreshTable');
},
closeTextDistribution() {
this.showDistribution = false;
this.distributionEditRow = {};
},
submitTextDistribution() {
const that = this;
that.showDistribution = false;
that.distributionEditRow = {};
that.$emit('refreshTable');
},
toDistribute(index, row) {
this.showDistribution = true;
this.distributionEditRow = row;
},
/**
* 编辑
*/
......@@ -250,7 +269,8 @@ export default {
}
},
components: {
videoEdit
videoEdit,
distributionEnterprise
}
};
</script>
......
src/components/set/web-table.vue
......@@ -48,6 +48,7 @@
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="text" @click="toDistribute(scope.$index, scope.row)" v-if="!scope.row.fromMaterialId">分配企业</el-button>
<el-button type="text" @click="toEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="text" @click="toDel(scope.$index, scope.row)">删除</el-button>
</template>
......@@ -57,9 +58,11 @@
<dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
</div>
<web-edit v-if="textShow" :editRow="editRow" :categoryId="categoryId" @closeText="closeText" @submitText="submitText"></web-edit>
<distribution-enterprise :editRow="distributionEditRow" :show="showDistribution" @closeText="closeTextDistribution" @submitText="submitTextDistribution"></distribution-enterprise>
</div>
</template>
<script>
import distributionEnterprise from '@/components/set/distribution-enterprise.vue';
import webEdit from '@/components/set/web-edit.vue';
import { postRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
......@@ -109,7 +112,9 @@ export default {
tableData: [],
multipleSelection: [],
textShow: false,
editRow: {}
editRow: {},
showDistribution: false,
distributionEditRow: {}
};
},
computed: {},
......@@ -128,6 +133,20 @@ export default {
that.editRow = {};
that.$emit('refreshTable');
},
closeTextDistribution() {
this.showDistribution = false;
this.distributionEditRow = {};
},
submitTextDistribution() {
const that = this;
that.showDistribution = false;
that.distributionEditRow = {};
that.$emit('refreshTable');
},
toDistribute(index, row) {
this.showDistribution = true;
this.distributionEditRow = row;
},
/**
* 编辑
*/
......@@ -248,7 +267,8 @@ export default {
}
},
components: {
webEdit
webEdit,
distributionEnterprise
}
};
</script>
......
src/router/index.js
......@@ -122,9 +122,14 @@ export const constantRouterMap = [
component: _import('enterprise', 'material')
},
{
path: '/welcome',
name: '素材库',
component: _import('enterprise', 'material')
path: '/salutatory',
name: '欢迎语',
component: _import('enterprise', 'salutatory')
},
{
path: '/salutatorySet',
name: '欢迎语',
component: _import('enterprise', 'salutatorySet')
}
]
},
......
src/views/enterprise/enterpriseSet.vue
......@@ -149,12 +149,12 @@
<template slot-scope="scope"> <el-button type="text" @click="toEdit(scope.$index, scope.row)">编辑</el-button><el-button type="text" @click="toDel(scope.$index, scope.row)">删除</el-button> </template>
</el-table-column>
</el-table>
<div v-if="tableData.length < 10" class="text-center add-cell cursor-pointer" @click="addApp"><span class="el-icon-plus font-14 color-2f54eb add-cell-txt"></span><span class="font-14 color-2f54eb p-l-5 add-cell-txt">新建</span><span class="font-12 color-c0c4cc p-l-20">最多添加10个</span></div>
<div class="text-center add-cell cursor-pointer" @click="addApp"><span class="el-icon-plus font-14 color-2f54eb add-cell-txt"></span><span class="font-14 color-2f54eb p-l-5 add-cell-txt">新建</span><span class="font-12 color-c0c4cc p-l-20">最多添加10个</span></div>
</div>
</div>
</div>
<secret-set v-if="addShow" :editRow="editRow" @closeText="closeText" @submitText="submitText"></secret-set>
<app-set v-if="addAppShow" @closeText="closeAppText" @submitText="submitAppText"></app-set>
<app-set v-if="addAppShow" :type="appSetType" @closeText="closeAppText" @submitText="submitAppText"></app-set>
</div>
</template>
<script>
......@@ -211,6 +211,7 @@ export default {
tableData: [],
addShow: false,
addAppShow: false,
appSetType: 0,
editRow: {},
// 企微好友
wxShow: false,
......
src/views/enterprise/index.vue
......@@ -60,6 +60,11 @@ export default {
tabId: '3',
tabName: '素材库',
icon: 'iconsucaiku'
},
{
tabId: '4',
tabName: '欢迎语',
icon: 'iconhuanyingci'
}
],
activeBrand: '', // 商户(品牌) id
......@@ -113,6 +118,9 @@ export default {
case '3':
that.changeRoute(`material`);
break;
case '4':
that.changeRoute(`salutatory`);
break;
}
},
......
src/views/enterprise/salutatory.vue 0 → 100644
<template>
<div class="daily-set-wrap ">
<div class="daily-set-content border-box">
<div class="admin-tip-body">
<div role="alert" class="el-alert el-alert--info">
<i class="el-alert__icon el-icon-info"></i>
<div class="el-alert__content">
<p class="el-alert__title">
1. 因企业微信接口限制，若在企微管理端为相关人员配置欢迎语，好办设置欢迎语不会生效；<br />
2. 若使用好办欢迎语，请关闭其他企业自建应用/第三方应用的欢迎语配置； <br />
3. 欢迎语的业务场景是为了支持在代理商主体下的外部联系人与总部的会员能互联，暂不支持其他需求场景
</p>
</div>
</div>
</div>
<div class="salutatory-wrap m-t-20">
<div class="top">
<p class="left">欢迎语标题</p>
<p class="right"><span class="date">最近编辑时间：2021-03-26 12:22:33</span><el-button type="text" @click="changeRoute">编辑</el-button></p>
</div>
<p class="line"></p>
<div class="bottom">
<el-form label-width="83px" ref="form" :model="form">
<el-form-item label="文本内容">文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内 容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容</el-form-item>
<el-form-item label="附件">【好办welldown】文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内容文本内</el-form-item>
</el-form>
</div>
</div>
</div>
</div>
</template>
<script>
import { getRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
// import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
export default {
props: {},
data() {
return {
form: {}
};
},
methods: {
/**
* 跳转
*/
changeRoute() {
this.$router.push('/salutatorySet');
},
/**
* 获取数据
*/
getData(val) {
const that = this;
let para = {
wxEnterpriseId: that.wxEnterpriseId
};
getRequest('/haoban-manage3-web/admin-list', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1 && resData.result) {
that.form = resData.result;
}
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.$message.error({
duration: 1000,
message: error.message
});
});
}
},
watch: {},
mounted() {
const that = this;
that.$emit('showTab', 4);
document.documentElement.style.backgroundColor = '#f0f2f5';
that.getData();
},
destroyed() {
document.documentElement.style.backgroundColor = '#fff';
},
components: {}
};
</script>
<style type="text/scss" lang="scss" scoped>
.bg-ebecf0 {
background: #ebecf0;
}
.color-c0c4cc {
display: inline-block;
line-height: 34px;
padding-left: 10px;
color: #c0c4cc;
}
.condition-tips {
display: inline-block;
vertical-align: middle;
line-height: 32px;
}
.p-l-30 {
padding-left: 30px;
}
.p-l-40 {
padding-left: 40px;
}
.p-l-55 {
padding-left: 55px;
}
.p-l-85 {
padding-left: 85px;
}
.m-l-20 {
margin-left: 20px;
}
.line-50 {
height: 50px;
line-height: 50px;
}
.el-alert--info {
align-items: flex-start;
width: 700px;
padding-top: 5px;
font-size: 14px;
color: #606266;
background: rgba(240, 245, 255, 1);
border-radius: 2px;
border: 1px solid rgba(133, 165, 255, 1);
}
.el-icon-info {
width: 12px;
font-size: 12px;
color: #2f54eb;
margin-top: 5px;
}
.el-alert__content {
padding-left: 9px;
.el-alert__title {
font-size: 13px;
font-weight: 400;
color: #303133;
line-height: 22px;
}
}
.daily-set-wrap {
height: 100%;
.daily-set-content {
padding: 20px;
.table-condition-left {
font-size: 0;
}
}
}
.salutatory-wrap {
height: 160px;
background: #f5f7fa;
.top {
display: flex;
justify-content: space-between;
align-items: center;
height: 47px;
padding: 0 20px 0 29px;
.left {
font-size: 14px;
font-weight: 600;
color: #303133;
line-height: 20px;
}
.right {
.date {
font-size: 12px;
font-weight: 400;
color: #909399;
line-height: 17px;
margin-right: 30px;
}
}
}
.line {
box-sizing: border-box;
border: 1px solid #e4e7ed;
border-style: none none solid none;
}
.bottom {
padding: 16px 20px 0 29px;
.el-form-item {
margin-bottom: 13px;
>>> .el-form-item__label {
padding: 0;
}
>>> .el-form-item__label,
>>> .el-form-item__content {
line-height: 20px;
font-size: 14px;
font-weight: 400;
color: #303133;
}
}
}
}
</style>
src/views/enterprise/salutatorySet.vue 0 → 100644
<template>
<div class="daily-set-wrap ">
<div class="daily-set-content border-box">
<div class="salutatory-set-wrap m-t-20">
<el-form label-width="100px" ref="form" :model="form">
<el-form-item label="欢迎语标题"> </el-form-item>
<el-form-item label="文本内容"> </el-form-item>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { getRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
// import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
export default {
props: {},
data() {
return {
form: {}
};
},
methods: {
/**
* 跳转
*/
changeRoute() {
this.$router.push('/contactsList');
},
/**
* 获取数据
*/
getData(val) {
const that = this;
let para = {
wxEnterpriseId: that.wxEnterpriseId
};
getRequest('/haoban-manage3-web/admin-list', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1 && resData.result) {
that.form = resData.result;
}
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.$message.error({
duration: 1000,
message: error.message
});
});
}
},
watch: {},
mounted() {
const that = this;
that.$emit('showTab', 4);
document.documentElement.style.backgroundColor = '#f0f2f5';
that.getData();
},
destroyed() {
document.documentElement.style.backgroundColor = '#fff';
},
components: {}
};
</script>
<style type="text/scss" lang="scss" scoped>
.bg-ebecf0 {
background: #ebecf0;
}
.color-c0c4cc {
display: inline-block;
line-height: 34px;
padding-left: 10px;
color: #c0c4cc;
}
.condition-tips {
display: inline-block;
vertical-align: middle;
line-height: 32px;
}
.p-l-30 {
padding-left: 30px;
}
.p-l-40 {
padding-left: 40px;
}
.p-l-55 {
padding-left: 55px;
}
.p-l-85 {
padding-left: 85px;
}
.m-l-20 {
margin-left: 20px;
}
.line-50 {
height: 50px;
line-height: 50px;
}
.el-alert--info {
align-items: flex-start;
width: 700px;
padding-top: 5px;
font-size: 14px;
color: #606266;
background: rgba(240, 245, 255, 1);
border-radius: 2px;
border: 1px solid rgba(133, 165, 255, 1);
}
.el-icon-info {
width: 12px;
font-size: 12px;
color: #2f54eb;
margin-top: 5px;
}
.el-alert__content {
padding-left: 9px;
.el-alert__title {
font-size: 13px;
font-weight: 400;
color: #303133;
line-height: 22px;
}
}
.daily-set-wrap {
height: 100%;
.daily-set-content {
padding: 20px;
.table-condition-left {
font-size: 0;
}
}
}
.salutatory-wrap {
height: 160px;
background: #f5f7fa;
.top {
display: flex;
justify-content: space-between;
align-items: center;
height: 47px;
padding: 0 20px 0 29px;
.left {
font-size: 14px;
font-weight: 600;
color: #303133;
line-height: 20px;
}
.right {
.date {
font-size: 12px;
font-weight: 400;
color: #909399;
line-height: 17px;
margin-right: 30px;
}
}
}
.line {
box-sizing: border-box;
border: 1px solid #e4e7ed;
border-style: none none solid none;
}
.bottom {
padding: 16px 20px 0 29px;
.el-form-item {
margin-bottom: 13px;
>>> .el-form-item__label {
padding: 0;
}
>>> .el-form-item__label,
>>> .el-form-item__content {
line-height: 20px;
font-size: 14px;
font-weight: 400;
color: #303133;
}
}
}
}
</style>
static/font/iconfont.eot
No preview for this file type
static/font/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font/iconfont.json
......@@ -6,6 +6,20 @@
"description": "",
"glyphs": [
{
"icon_id": "9702150",
"name": "欢迎辞",
"font_class": "huanyingci",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "17853642",
"name": "new",
"font_class": "new",
"unicode": "e61d",
"unicode_decimal": 58909
},
{
"icon_id": "15674954",
"name": "明细备份",
"font_class": "mingxibeifen",
......
static/font/iconfont.ttf
No preview for this file type
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