From 4d265afb3419bd5cedc6f31ab78d570f6917b520 Mon Sep 17 00:00:00 2001 From: seatonwan9 <seatonwan9@163.com> Date: 星期五, 21 五月 2021 14:30:44 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/table/components/Warn.vue | 388 +++++++++++++++++++++++++------------------------------ 1 files changed, 175 insertions(+), 213 deletions(-) diff --git a/src/components/table/components/Warn.vue b/src/components/table/components/Warn.vue index efc2577..0308373 100644 --- a/src/components/table/components/Warn.vue +++ b/src/components/table/components/Warn.vue @@ -1,232 +1,194 @@ <template> + <div> <el-tabs v-model="activeName"> - <el-tab-pane label="瀹炴椂缁熻" name="first"> - <el-table - :data="tableData" - style="width: 100%"> - <el-table-column - prop="date" - label="浼佷笟鍚嶇О" - width="150"> - </el-table-column> - <el-table-column label="搴熸按(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - <el-table-column - prop="name" - label="鎶ヨ" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="搴熸皵(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - <el-table-column - prop="name" - label="鎶ヨ" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="鍥哄簾(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="纭寲姘�(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="鍙噧姘斾綋(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - </el-table> - </el-tab-pane> - <el-tab-pane label="褰撴湀缁熻" name="second"> - <el-table - :data="tableData" - style="width: 100%"> - <el-table-column - prop="date" - label="浼佷笟鍚嶇О" - width="150"> - </el-table-column> - <el-table-column label="搴熸按(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - <el-table-column - prop="name" - label="鎶ヨ" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="搴熸皵(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - <el-table-column - prop="name" - label="鎶ヨ" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="鍥哄簾(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="纭寲姘�(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="鍙噧姘斾綋(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - </el-table> - </el-tab-pane> - <el-tab-pane label="涓婃湀缁熻" name="third"> - <el-table - :data="tableData" - style="width: 100%"> - <el-table-column - prop="date" - label="浼佷笟鍚嶇О" - width="150"> - </el-table-column> - <el-table-column label="搴熸按(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - <el-table-column - prop="name" - label="鎶ヨ" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="搴熸皵(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - <el-table-column - prop="name" - label="鎶ヨ" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="鍥哄簾(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="纭寲姘�(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - <el-table-column label="鍙噧姘斾綋(涓�)"> - <el-table-column - prop="name" - label="棰勮" - width="120"> - </el-table-column> - </el-table-column> - </el-table> - </el-tab-pane> + <el-tab-pane label="瀹炴椂缁熻" name="first"> + <el-scrollbar style="width:100%"> + <el-table + :data="tableData"> + <el-table-column + prop="date" + label="浼佷笟鍚嶇О"> + </el-table-column> + <el-table-column label="搴熸按(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + <el-table-column + prop="name" + label="鎶ヨ"> + </el-table-column> + </el-table-column> + <el-table-column label="搴熸皵(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + <el-table-column + prop="name" + label="鎶ヨ"> + </el-table-column> + </el-table-column> + <el-table-column label="鍥哄簾(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + <el-table-column label="纭寲姘�(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + <el-table-column label="鍙噧姘斾綋(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + </el-table> + </el-scrollbar> + </el-tab-pane> + <el-tab-pane label="褰撴湀缁熻" name="second"> + <el-table + :data="tableData"> + <el-table-column + prop="date" + label="浼佷笟鍚嶇О"> + </el-table-column> + <el-table-column label="搴熸按(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + <el-table-column + prop="name" + label="鎶ヨ"> + </el-table-column> + </el-table-column> + <el-table-column label="搴熸皵(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + <el-table-column + prop="name" + label="鎶ヨ"> + </el-table-column> + </el-table-column> + <el-table-column label="鍥哄簾(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + <el-table-column label="纭寲姘�(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + <el-table-column label="鍙噧姘斾綋(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + </el-table> + </el-tab-pane> + <el-tab-pane label="涓婃湀缁熻" name="third"> + <el-table + :data="tableData"> + <el-table-column + prop="date" + label="浼佷笟鍚嶇О"> + </el-table-column> + <el-table-column label="搴熸按(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + <el-table-column + prop="name" + label="鎶ヨ"> + </el-table-column> + </el-table-column> + <el-table-column label="搴熸皵(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + <el-table-column + prop="name" + label="鎶ヨ"> + </el-table-column> + </el-table-column> + <el-table-column label="鍥哄簾(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + <el-table-column label="纭寲姘�(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + <el-table-column label="鍙噧姘斾綋(涓�)"> + <el-table-column + prop="name" + label="棰勮"> + </el-table-column> + </el-table-column> + </el-table> + </el-tab-pane> </el-tabs> + </div> </template> <script> export default { data () { return { + titleProp: '', activeName: 'first', tableData: [{ - date: '2016-05-03', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 + date: '闆嗗洟鍏徃', + name: 1, + province: 1, + city: 0, + address: 1, + zip: 0 }, { - date: '2016-05-02', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 + date: '澶╂触鐭冲寲', + name: 1, + province: 0, + city: 1, + address: 1, + zip: 2 }, { - date: '2016-05-04', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 + date: 'XXX鐐煎寲', + name: 1, + province: 2, + city: 0, + address: 0, + zip: 1 }, { - date: '2016-05-01', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 - }, { - date: '2016-05-08', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 - }, { - date: '2016-05-06', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 - }, { - date: '2016-05-07', - name: '鐜嬪皬铏�', - province: '涓婃捣', - city: '鏅檧鍖�', - address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�', - zip: 200333 + date: 'XXX鐐煎寲2', + name: 1, + province: 2, + city: 0, + address: 0, + zip: 1 }] } + }, + methods: { + refsDatatitle (item) { + this.titleProp = item + } } } </script> -- Gitblit v1.8.0