朱兆平 / vue_cli · 提交

转到一个项目

作者 xudada
提交 dc576b6ad795bb94c4a89d8e4ac2c8685e75f3db 1 个父辈 2adef289

智慧关务

内嵌 并排对比
正在显示 4 个修改的文件 包含 480 行增加 和 30 行删除
@@ -20,23 +20,23 @@ import Print from 'vue-print-nb' @@ -20,23 +20,23 @@ import Print from 'vue-print-nb'
20 import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件 20 import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件
21 21
22 // markdown 编辑器 22 // markdown 编辑器
23 -import VueMarkdownEditor from '@kangc/v-md-editor';  
24 -import '@kangc/v-md-editor/lib/style/base-editor.css';  
25 -import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';  
26 -import '@kangc/v-md-editor/lib/theme/style/vuepress.css';  
27 -import createTodoListPlugin from '@kangc/v-md-editor/lib/plugins/todo-list/index';  
28 -import '@kangc/v-md-editor/lib/plugins/todo-list/todo-list.css';  
29 -import createEmojiPlugin from '@kangc/v-md-editor/lib/plugins/emoji/index';  
30 -import '@kangc/v-md-editor/lib/plugins/emoji/emoji.css'  
31 -import Prism from 'prismjs';  
32 -  
33 -  
34 -VueMarkdownEditor.use(vuepressTheme, {  
35 - Prism,  
36 -});  
37 -VueMarkdownEditor.use(createTodoListPlugin());  
38 -VueMarkdownEditor.use(createEmojiPlugin());  
39 -Vue.use(VueMarkdownEditor); 23 +// import VueMarkdownEditor from '@kangc/v-md-editor';
  24 +// import '@kangc/v-md-editor/lib/style/base-editor.css';
  25 +// import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
  26 +// import '@kangc/v-md-editor/lib/theme/style/vuepress.css';
  27 +// import createTodoListPlugin from '@kangc/v-md-editor/lib/plugins/todo-list/index';
  28 +// import '@kangc/v-md-editor/lib/plugins/todo-list/todo-list.css';
  29 +// import createEmojiPlugin from '@kangc/v-md-editor/lib/plugins/emoji/index';
  30 +// import '@kangc/v-md-editor/lib/plugins/emoji/emoji.css'
  31 +// import Prism from 'prismjs';
  32 +
  33 +
  34 +// VueMarkdownEditor.use(vuepressTheme, {
  35 +// Prism,
  36 +// });
  37 +// VueMarkdownEditor.use(createTodoListPlugin());
  38 +// VueMarkdownEditor.use(createEmojiPlugin());
  39 +// Vue.use(VueMarkdownEditor);
40 40
41 Vue.component('barcode', VueBarcode); 41 Vue.component('barcode', VueBarcode);
42 42
@@ -219,10 +219,13 @@ import danzheng from './views/airtransport/danzheng.vue' @@ -219,10 +219,13 @@ import danzheng from './views/airtransport/danzheng.vue'
219 import yqdeclare from './views/airtransport/yqdeclare.vue' 219 import yqdeclare from './views/airtransport/yqdeclare.vue'
220 220
221 // 邮件风控 221 // 邮件风控
222 -import MailRisk from './views/mail_risk/index.vue' 222 +// import MailRisk from './views/mail_risk/index.vue'
  223 +
  224 +//AI智慧关务
  225 +//import AiCoustoms from "./views/AiCoustoms/AiCoustoms.vue";
  226 +import Category from "./views/AiCoustoms/task/Category.vue";
  227 +import TaskManage from "./views/AiCoustoms/task/TaskManage.vue";
223 228
224 -// AI智慧关务  
225 -import AiCoustoms from "./views/AiCoustoms/AiCoustoms.vue";  
226 229
227 let routes = [ 230 let routes = [
228 { 231 {
@@ -715,15 +718,15 @@ let routes = [ @@ -715,15 +718,15 @@ let routes = [
715 {path:'/express',component:Express,name:'快邮舱单申报'}, 718 {path:'/express',component:Express,name:'快邮舱单申报'},
716 ] 719 ]
717 }, 720 },
718 - {  
719 - path: '/customs_mail',  
720 - component: HomeNew,  
721 - name: '邮件监管',  
722 - iconCls:'el-icon-wind-power',  
723 - children:[  
724 - {path:'/mail_risk_analysis',component:MailRisk,name:'风控分析'},  
725 - ]  
726 - }, 721 + // {
  722 + // path: '/customs_mail',
  723 + // component: HomeNew,
  724 + // name: '邮件监管',
  725 + // iconCls:'el-icon-wind-power',
  726 + // children:[
  727 + // {path:'/mail_risk_analysis',component:MailRisk,name:'风控分析'},
  728 + // ]
  729 + // },
727 { 730 {
728 path: '/cbecd', 731 path: '/cbecd',
729 component: HomeNew, 732 component: HomeNew,
@@ -814,7 +817,9 @@ let routes = [ @@ -814,7 +817,9 @@ let routes = [
814 name: '智慧关务', 817 name: '智慧关务',
815 iconCls: 'el-icon-collection', 818 iconCls: 'el-icon-collection',
816 children: [ 819 children: [
817 - {path: '/AiCoustoms', component: AiCoustoms, name: 'Ai智慧关务'} 820 + //{path: '/AiCoustoms', component: AiCoustoms, name: 'Ai智慧关务'},
  821 + {path: '/Category', component: Category, name: '任务分类'},
  822 + {path: '/TaskManage', component: TaskManage, name: '任务管理'}
818 ] 823 ]
819 }, 824 },
820 { 825 {
  1 +<template>
  2 + <el-contaier>
  3 + <el-row>
  4 + <template>
  5 + <el-table
  6 + :data="tableData"
  7 + border
  8 + style="width: 100%">
  9 + <el-table-column
  10 + fixed
  11 + prop="date"
  12 + label="日期"
  13 + width="150">
  14 + </el-table-column>
  15 + <el-table-column
  16 + prop="name"
  17 + label="姓名"
  18 + width="120">
  19 + </el-table-column>
  20 + <el-table-column
  21 + prop="province"
  22 + label="省份"
  23 + width="120">
  24 + </el-table-column>
  25 + <el-table-column
  26 + prop="city"
  27 + label="市区"
  28 + width="120">
  29 + </el-table-column>
  30 + <el-table-column
  31 + prop="address"
  32 + label="地址"
  33 + width="300">
  34 + </el-table-column>
  35 + <el-table-column
  36 + prop="zip"
  37 + label="邮编"
  38 + width="120">
  39 + </el-table-column>
  40 + <el-table-column
  41 + fixed="right"
  42 + label="操作"
  43 + width="160"
  44 + align="left">
  45 + <template slot-scope="scope">
  46 + <el-button
  47 + size="mini"
  48 + type="primary"
  49 + plain
  50 + @click="handleClick(scope.row)"
  51 + style="margin-right: 5px;">
  52 + 编辑
  53 + </el-button>
  54 + <el-button
  55 + size="mini"
  56 + type="danger"
  57 + plain
  58 + @click="applyDel(scope.row)">
  59 + 删除
  60 + </el-button>
  61 + </template>
  62 + </el-table-column>
  63 + </el-table>
  64 + </template>
  65 + </el-row>
  66 + <el-row>
  67 + <el-dialog
  68 + :title="dialogMap[dialogApply]"
  69 + :visible.sync="dialogVisible"
  70 + width="30%"
  71 + :before-close="handleClose">
  72 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  73 + <el-form-item label="任务名称" prop="name">
  74 + <el-input v-model="ruleForm.name"></el-input>
  75 + </el-form-item>
  76 + <el-form-item>
  77 + <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
  78 + <el-button @click="resetForm('ruleForm')">取消</el-button>
  79 + </el-form-item>
  80 + </el-form>
  81 + </el-dialog>
  82 + </el-row>
  83 + <el-row>
  84 + <el-col :span="2">
  85 + <el-button type="primary" size="mini" @click="add()">新增</el-button>
  86 + </el-col>
  87 + <el-col :span="12">
  88 + <div class="block">
  89 + <el-pagination
  90 + @size-change="handleSizeChange"
  91 + @current-change="handleCurrentChange"
  92 + :current-page="page"
  93 + :page-sizes="[10, 20, 30, 40]"
  94 + :page-size="pageSize"
  95 + layout="total, sizes, prev, pager, next, jumper"
  96 + :total="total">
  97 + </el-pagination>
  98 + </div>
  99 + </el-col>
  100 +
  101 + </el-row>
  102 + </el-contaier>
  103 +</template>
  104 +
  105 +<script>
  106 + import {delArea} from "../../../api/consigner/station";
  107 +
  108 + export default {
  109 + data() {
  110 + return {
  111 + tableData: [
  112 + {
  113 + date: '2016-05-02',
  114 + name: '王小虎',
  115 + province: '上海',
  116 + city: '普陀区',
  117 + address: '上海市普陀区金沙江路 1518 弄',
  118 + zip: 200333
  119 + }, {
  120 + date: '2016-05-04',
  121 + name: '王小虎',
  122 + province: '上海',
  123 + city: '普陀区',
  124 + address: '上海市普陀区金沙江路 1517 弄',
  125 + zip: 200333
  126 + }, {
  127 + date: '2016-05-01',
  128 + name: '王小虎',
  129 + province: '上海',
  130 + city: '普陀区',
  131 + address: '上海市普陀区金沙江路 1519 弄',
  132 + zip: 200333
  133 + }, {
  134 + date: '2016-05-03',
  135 + name: '王小虎',
  136 + province: '上海',
  137 + city: '普陀区',
  138 + address: '上海市普陀区金沙江路 1516 弄',
  139 + zip: 200333
  140 + }],
  141 + dialogVisible:false,
  142 + ruleForm:{
  143 + id:'',
  144 + name:''
  145 + },
  146 + rules:{
  147 + name: [
  148 + { required: true, message: '请输入任务名称', trigger: 'blur' },
  149 + { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
  150 + ]
  151 + },
  152 + dialogMap: {
  153 + update: '编辑',
  154 + create: '新增'
  155 + },
  156 + dialogApply: 'create',
  157 + page:1,
  158 + pageSize:10,
  159 + total:0,
  160 + }
  161 + },
  162 + methods: {
  163 + handleSizeChange(val) {
  164 + console.log(`每页 ${val} 条`);
  165 + },
  166 + handleCurrentChange(val) {
  167 + console.log(`当前页: ${val}`);
  168 + },
  169 + handleClick(row) {
  170 + this.dialogApply='update';
  171 + this.dialogVisible=true;
  172 + },
  173 + submitForm(formName) {
  174 + this.$refs[formName].validate((valid) => {
  175 + if (valid) {
  176 + alert('submit!');
  177 + } else {
  178 + console.log('error submit!!');
  179 + return false;
  180 + }
  181 + });
  182 + },
  183 + resetForm(formName) {
  184 + this.$refs[formName].resetFields();
  185 + this.dialogVisible=false;
  186 + },
  187 + handleClose(done) {
  188 + this.$confirm('确认关闭？')
  189 + .then(_ => {
  190 + done();
  191 + })
  192 + .catch(_ => {});
  193 + },
  194 + // 删除
  195 + applyDel(index, row) {
  196 + // 弹框询问是否删除？
  197 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  198 + confirmButtonText: '确定删除',
  199 + cancelButtonText: '取消',
  200 + type: 'warning'
  201 + }
  202 + ).then(() => {
  203 + //
  204 + }).catch(() => {
  205 + })
  206 + },
  207 + add(){
  208 + this.ruleForm={
  209 + id:'',
  210 + name:''
  211 + };
  212 + this.dialogApply='create';
  213 + this.dialogVisible=true;
  214 + }
  215 + }
  216 + }
  217 +</script>
  1 +<template>
  2 + <el-contaier>
  3 + <el-row>
  4 + <el-col :span="5">
  5 + <el-input v-model="name" placeholder="任务名称" style="width: 200px"></el-input>
  6 + </el-col>
  7 + <el-col :span="5">
  8 + <el-input v-model="cateId" placeholder="任务分类" style="width: 200px"></el-input>
  9 + </el-col>
  10 +
  11 + <el-col :span="6">
  12 + <el-button type="primary" size="mini" @click="add()">查询</el-button>
  13 + <el-button type="success" size="mini" @click="add()">新增</el-button>
  14 + </el-col>
  15 + </el-row>
  16 + <el-row>
  17 + <template>
  18 + <el-table
  19 + :data="tableData"
  20 + border
  21 + style="width: 100%">
  22 + <el-table-column
  23 + fixed
  24 + prop="date"
  25 + label="日期"
  26 + width="150">
  27 + </el-table-column>
  28 + <el-table-column
  29 + prop="name"
  30 + label="姓名"
  31 + width="120">
  32 + </el-table-column>
  33 + <el-table-column
  34 + prop="province"
  35 + label="省份"
  36 + width="120">
  37 + </el-table-column>
  38 + <el-table-column
  39 + prop="city"
  40 + label="市区"
  41 + width="120">
  42 + </el-table-column>
  43 + <el-table-column
  44 + prop="address"
  45 + label="地址"
  46 + width="300">
  47 + </el-table-column>
  48 + <el-table-column
  49 + prop="zip"
  50 + label="邮编"
  51 + width="120">
  52 + </el-table-column>
  53 + <el-table-column
  54 + fixed="right"
  55 + label="操作"
  56 + width="160"
  57 + align="left">
  58 + <template slot-scope="scope">
  59 + <el-button
  60 + size="mini"
  61 + type="primary"
  62 + plain
  63 + @click="handleClick(scope.row)"
  64 + style="margin-right: 5px;">
  65 + 编辑
  66 + </el-button>
  67 + <el-button
  68 + size="mini"
  69 + type="danger"
  70 + plain
  71 + @click="applyDel(scope.row)">
  72 + 删除
  73 + </el-button>
  74 + </template>
  75 + </el-table-column>
  76 + </el-table>
  77 + </template>
  78 + </el-row>
  79 + <el-row>
  80 + <el-dialog
  81 + :title="dialogMap[dialogApply]"
  82 + :visible.sync="dialogVisible"
  83 + width="30%"
  84 + :before-close="handleClose">
  85 + <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
  86 + <el-form-item label="任务名称" prop="name">
  87 + <el-input v-model="ruleForm.name"></el-input>
  88 + </el-form-item>
  89 + <el-form-item>
  90 + <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
  91 + <el-button @click="resetForm('ruleForm')">取消</el-button>
  92 + </el-form-item>
  93 + </el-form>
  94 + </el-dialog>
  95 + </el-row>
  96 + <el-row>
  97 + <el-col :span="12">
  98 + <div class="block">
  99 + <el-pagination
  100 + @size-change="handleSizeChange"
  101 + @current-change="handleCurrentChange"
  102 + :current-page="page"
  103 + :page-sizes="[10, 20, 30, 40]"
  104 + :page-size="pageSize"
  105 + layout="total, sizes, prev, pager, next, jumper"
  106 + :total="total">
  107 + </el-pagination>
  108 + </div>
  109 + </el-col>
  110 +
  111 + </el-row>
  112 + </el-contaier>
  113 +</template>
  114 +
  115 +<script>
  116 +
  117 + export default {
  118 + data() {
  119 + return {
  120 + tableData: [
  121 + {
  122 + date: '2016-05-02',
  123 + name: '王小虎',
  124 + province: '上海',
  125 + city: '普陀区',
  126 + address: '上海市普陀区金沙江路 1518 弄',
  127 + zip: 200333
  128 + }, {
  129 + date: '2016-05-04',
  130 + name: '王小虎',
  131 + province: '上海',
  132 + city: '普陀区',
  133 + address: '上海市普陀区金沙江路 1517 弄',
  134 + zip: 200333
  135 + }, {
  136 + date: '2016-05-01',
  137 + name: '王小虎',
  138 + province: '上海',
  139 + city: '普陀区',
  140 + address: '上海市普陀区金沙江路 1519 弄',
  141 + zip: 200333
  142 + }, {
  143 + date: '2016-05-03',
  144 + name: '王小虎',
  145 + province: '上海',
  146 + city: '普陀区',
  147 + address: '上海市普陀区金沙江路 1516 弄',
  148 + zip: 200333
  149 + }],
  150 + dialogVisible:false,
  151 + ruleForm:{
  152 + id:'',
  153 + name:''
  154 + },
  155 + rules:{
  156 + name: [
  157 + { required: true, message: '请输入任务名称', trigger: 'blur' },
  158 + { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
  159 + ]
  160 + },
  161 + dialogMap: {
  162 + update: '编辑',
  163 + create: '新增'
  164 + },
  165 + dialogApply: 'create',
  166 + page:1,
  167 + pageSize:10,
  168 + total:0,
  169 + name:'',
  170 + cateId:''
  171 + }
  172 + },
  173 + methods: {
  174 + handleSizeChange(val) {
  175 + console.log(`每页 ${val} 条`);
  176 + },
  177 + handleCurrentChange(val) {
  178 + console.log(`当前页: ${val}`);
  179 + },
  180 + handleClick(row) {
  181 + this.dialogApply='update';
  182 + this.dialogVisible=true;
  183 + },
  184 + submitForm(formName) {
  185 + this.$refs[formName].validate((valid) => {
  186 + if (valid) {
  187 + alert('submit!');
  188 + } else {
  189 + console.log('error submit!!');
  190 + return false;
  191 + }
  192 + });
  193 + },
  194 + resetForm(formName) {
  195 + this.$refs[formName].resetFields();
  196 + this.dialogVisible=false;
  197 + },
  198 + handleClose(done) {
  199 + this.$confirm('确认关闭？')
  200 + .then(_ => {
  201 + done();
  202 + })
  203 + .catch(_ => {});
  204 + },
  205 + // 删除
  206 + applyDel(index, row) {
  207 + // 弹框询问是否删除？
  208 + this.$confirm('此操作永久删除该消息收发记录, 是否继续?', '警告', {
  209 + confirmButtonText: '确定删除',
  210 + cancelButtonText: '取消',
  211 + type: 'warning'
  212 + }
  213 + ).then(() => {
  214 + //
  215 + }).catch(() => {
  216 + })
  217 + },
  218 + add(){
  219 + this.ruleForm={
  220 + id:'',
  221 + name:''
  222 + };
  223 + this.dialogApply='create';
  224 + this.dialogVisible=true;
  225 + }
  226 + }
  227 + }
  228 +</script>