Skip to content

H
haoban-3
Commit 5ee61a35 by 陈羽
Options

update: 分配企业

parent 77859496
Showing with 673 additions and 75 deletions
src/components/set/app-set.vue
......@@ -20,6 +20,7 @@
<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>
<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>
......@@ -27,6 +28,7 @@
<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(() => {
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/demo_index.html
......@@ -3,7 +3,8 @@
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="https://img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="https://img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
......@@ -31,6 +32,18 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">欢迎辞</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe61d;</span>
<div class="name">new</div>
<div class="code-name">&amp;#xe61d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeae0;</span>
<div class="name">明细备份</div>
<div class="code-name">&amp;#xeae0;</div>
......@@ -465,6 +478,24 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconhuanyingci"></span>
<div class="name">
欢迎辞
</div>
<div class="code-name">.iconhuanyingci
</div>
</li>
<li class="dib">
<span class="icon iconfont iconnew"></span>
<div class="name">
new
</div>
<div class="code-name">.iconnew
</div>
</li>
<li class="dib">
<span class="icon iconfont iconmingxibeifen"></span>
<div class="name">
明细备份
......@@ -1071,6 +1102,22 @@
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconhuanyingci"></use>
</svg>
<div class="name">欢迎辞</div>
<div class="code-name">#iconhuanyingci</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconnew"></use>
</svg>
<div class="name">new</div>
<div class="code-name">#iconnew</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconmingxibeifen"></use>
</svg>
<div class="name">明细备份</div>
......
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.svg
......@@ -20,6 +20,12 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="huanyingci" unicode="&#58893;" d="M378.119626 229.885971c-1.985498-16.313832-16.682275-27.914666-32.837472-25.918933-16.144962 2.005967-27.628099 16.866496-25.647718 33.190563l31.911247 262.730479c1.985498 16.324067 16.687392 27.9249 32.837472 25.924051 16.144962-2.011084 27.628099-16.866496 25.642601-33.190564l-31.90613-262.735596zM557.899284 229.885971c-1.98038-16.313832-16.687392-27.914666-32.832355-25.918933-16.144962 2.005967-27.622982 16.866496-25.642601 33.190563l31.90613 262.730479c1.98038 16.324067 16.687392 27.9249 32.832355 25.924051 16.155197-2.011084 27.633216-16.866496 25.652836-33.190564l-31.916365-262.735596zM552.239592 367.535209c0-14.998696-12.010215-27.141959-26.834923-27.141959H391.675254c-14.824709 0-26.840041 12.143263-26.840041 27.141959 0 14.983344 12.015332 27.126607 26.840041 27.126607h133.729415c14.814474 0.005117 26.834923-12.143263 26.834923-27.126607zM676.225739 231.866352c-1.903622-17.055835-17.127477-29.347499-34.019559-27.423409-16.871614 1.924091-29.040463 17.311698-27.131725 34.39312L632.974639 399.62556c1.903622 17.060952 17.137711 29.347499 34.019559 27.423409 16.886965-1.918973 29.035346-17.311698 27.141959-34.388003l-17.910418-160.794614zM699.872608 472.208808c-1.596586-15.935155-15.66394-27.546223-31.425107-25.939402-15.761168 1.611938-27.254539 15.827692-25.652836 31.767964l2.123664 21.313397c1.591469 15.930037 15.658823 27.546223 31.41999 25.934285 15.771402-1.60682 27.254539-15.832809 25.66307-31.767964l-2.128781-21.30828zM511.659702 896C229.529682 896 0 667.237908 0 386.054581c0-281.17821 229.529682-509.935185 511.639233-509.935185 1.60682-0.010235 8.648173-0.189339 19.604232-0.48614 42.800782-1.074625 143.022363-3.633256 217.007741-3.633256h0.025586c78.770018 0 92.642916 2.650742 100.226699 7.517258 15.699761 7.522376 18.99016 20.591863 19.670756 26.174797 2.824729 23.293778-17.204236 36.854523-40.405903 52.5594-5.639223 3.822595-14.328334 9.702329-20.837492 14.850296 146.553274 133.171633 220.200913 236.530096 216.383435 413.254748C1023.1403 667.406777 793.687377 896 511.659702 896z m244.835413-894.569086l-2.921957-2.609803-2.087843-3.336455c-17.188884-27.612747 3.254579-50.988401 25.350918-68.269396-8.13133-0.102345-17.593148-0.148401-28.569676-0.148401h-0.025586c-73.304782 0-173.035106 2.538162-215.641432 3.612787a1773.92455 1773.92455 0 0 1-20.944954 0.496375c-252.096808 0-457.19668 204.071302-457.19668 454.883677 0 250.827727 205.099872 454.883677 457.19668 454.883677s457.191563-204.05595 457.191562-454.883677v-0.608954c3.582084-161.961351-65.613537-252.85928-212.351032-384.01983z" horiz-adv-x="1024" />
<glyph glyph-name="new" unicode="&#58909;" d="M245.76 609.28h552.96A224.649846 224.649846 0 0 0 1024 384a224.649846 224.649846 0 0 0-225.28-225.28H0v204.8c0 135.168 110.592 245.76 245.76 245.76z m133.12-348.16v233.472h-30.72v-178.176l-112.64 178.176H204.8v-233.472h30.72v178.176l112.64-178.176h30.72z m182.272 108.544v24.576h-96.256v75.776h110.592v24.576h-141.312v-233.472h143.36v24.576h-112.64v83.968h96.256z m100.352-28.672l-34.816 151.552h-34.816l55.296-233.472h28.672l47.104 161.792 4.096 20.48 4.096-20.48 47.104-161.792h28.672l57.344 233.472h-34.816l-32.768-151.552-4.096-30.72-6.144 30.72-40.96 151.552h-30.72l-40.96-151.552-6.144-30.72-6.144 30.72z" horiz-adv-x="1024" />
<glyph glyph-name="mingxibeifen" unicode="&#60128;" d="M880.64 342.454857V481.28c0 148.918857-124.854857 271.36-277.723429 271.36H255.853714c-61.952 0-112.493714-49.517714-112.493714-109.348571V286.72c0-148.918857 124.854857-271.36 277.650286-271.36h347.136c61.952 0 112.493714 49.517714 112.493714 109.348571a52.662857 52.662857 0 0 0 105.325714 0c0-118.491429-98.157714-214.674286-217.819428-214.674285H421.010286C210.505143-89.965714 38.034286 79.213714 38.034286 286.72V643.291429C38.034286 761.782857 136.192 857.965714 255.853714 857.965714h347.136c210.505143 0 382.976-169.179429 382.976-376.685714v-138.752a52.662857 52.662857 0 1 0-105.325714 0zM351.305143 538.404571h186.368a52.662857 52.662857 0 1 0 0-105.325714H351.305143a52.662857 52.662857 0 1 0 0 105.325714z m0-259.218285h315.977143a52.662857 52.662857 0 1 0 0-105.325715h-315.977143a52.662857 52.662857 0 1 0 0 105.325715z" horiz-adv-x="1024" />
......
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