Merge branch 'wulong' of http://116.62.18.175:6699/r/~yxh/smartor-web into yxh01
| | |
| | | #app { |
| | | overflow: scroll; |
| | | height: 100vh; |
| | | background: #F8FAFD; |
| | | background: #f8fafd; |
| | | /* font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "å®ä½"; */ |
| | | font-family: "Hiragino Sans GB"; |
| | | } |
| | | #app .theme-picker { |
| | | display: none; |
| | |
| | | }, |
| | | distanceBottom: { |
| | | type: Number, |
| | | default: 700, |
| | | default: 600, |
| | | }, |
| | | isScrollHidden: { |
| | | type: Boolean, |
| | |
| | | activeIndex: 0, //é«äº®æ¾ç¤º |
| | | powerList: [ |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "è¿æ¥CTI", |
| | | path: require("@/assets/images/huanzheliebiao.png"), |
| | | label: "æ£è
", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "ç¾å
¥", |
| | | path: require("@/assets/images/fwwu.png"), |
| | | label: "æå¡", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "ç¾åº", |
| | | path: require("@/assets/images/duanxinjilu.png"), |
| | | label: "çä¿¡", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "ç½®é²", |
| | | path: require("@/assets/images/dianhua.png"), |
| | | label: "çµè¯", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "ç½®å¿", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "æ¨å·", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "å¨è¯¢", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "ä¿æ", |
| | | }, |
| | | { |
| | | path: require("@/assets/images/ä¸è½½.png"), |
| | | label: "æ¢å¤", |
| | | path: require("@/assets/images/zxlt.png"), |
| | | label: "å¨çº¿è天", |
| | | }, |
| | | ], |
| | | }; |
| | |
| | | // ä¼¸ç¼©æ¬æµ®ç |
| | | handelFlex() { |
| | | if (this.flag) { |
| | | this.buffer(this.box, "height", 700); |
| | | this.buffer(this.box, "height", 600); |
| | | } else { |
| | | this.buffer(this.box, "height", 70); |
| | | } |
| | |
| | | .item-container { |
| | | margin-top: 10px; |
| | | width: 70px; |
| | | height: 600px; |
| | | height: 500px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | |
| | | width: 40px; |
| | | height: 40px; |
| | | border-radius: 50%; |
| | | background-color: #69707a; |
| | | background-color: #f1f7ff; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | } |
| | | |
| | | .active { |
| | | background-color: #1a1818 !important; |
| | | background-color: #f9f1db !important; |
| | | } |
| | | .active-des { |
| | | color: #1a1818 !important; |
| | | font-weight: bold !important; |
| | | color: #71dcfa !important; |
| | | font-size: 20px !important; |
| | | font-weight: 500 !important; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <el-table |
| | | :data="currentList" |
| | | style="width: 1158px" |
| | | @selection-change="handleSelectionChange" |
| | | :header-cell-style="{ |
| | | background: '#f3f6fb', |
| | | color: '#666', |
| | |
| | | :highlight-current-row="true" |
| | | empty-text="ææ æ°æ®" |
| | | > |
| | | <el-table-column type="index" :index="indexMethod" label="åºå·" width="80"> |
| | | </el-table-column> |
| | | <el-table-column v-if="multiplechoice" type="selection" width="50" align="center" /> |
| | | <el-table-column label="åºå·" align="center" key="id" prop="id" /> |
| | | <el-table-column |
| | | v-for="(item, index) in tableLabel" |
| | | :key="index" |
| | |
| | | :formatter="formatData" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column label="æä½" width="100"> |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="120" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" @click.native="$emit('details', scope.row)" |
| | | >æ¥ç详æ
</el-button |
| | | <el-button |
| | | v-if="controlxz" |
| | | size="medium" |
| | | type="text" |
| | | @click.native="$emit('handleUpdate', scope.row)" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-promotion"></i>éæ©</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | v-if="controlsc" |
| | | size="medium" |
| | | type="text" |
| | | @click.native="$emit('details', scope.row)" |
| | | ><span style="color: red" |
| | | ><i class="el-icon-delete"></i>å é¤</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | |
| | | import dayjs from "dayjs"; |
| | | export default { |
| | | data() { |
| | | return {}; |
| | | return { |
| | | ids: [], |
| | | }; |
| | | }, |
| | | props: { |
| | | currentList: { |
| | |
| | | type: Array, |
| | | default: () => [], |
| | | }, |
| | | currentIndex: { |
| | | type: Number, |
| | | required: true, |
| | | controlsc: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | controlxz: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | multiplechoice:{ |
| | | type: Boolean, |
| | | default: true, |
| | | } |
| | | |
| | | }, |
| | | created() {}, |
| | | |
| | | methods: { |
| | | indexMethod(index) { |
| | | return parseInt(this.currentIndex) - 9 + index; |
| | | }, |
| | | // æ°æ®è¿æ»¤ |
| | | formatData(row, column, cellValue) { |
| | | if (column.property === "createType") { |
| | |
| | | return dayjs(cellValue).format("YYYY.MM.DD HH:mm:ss"); |
| | | } |
| | | return cellValue; |
| | | }, |
| | | // å¤éæ¡é䏿°æ® |
| | | handleSelectionChange(selection) { |
| | | $emit("handleSelectionChange", selection); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | box-sizing: border-box; |
| | | } |
| | | </style> |
| | | |
| | |
| | | <div class="app-container"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | | |
| | | <el-form |
| | | :model="topqueryParams" |
| | | ref="queryForm" |
| | |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="medium" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['system:user:edit']" |
| | | >ä¿®æ¹</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="19"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="el-icon-download" |
| | | icon="el-icon-upload2" |
| | | size="medium" |
| | | @click="handleExport" |
| | | v-hasPermi="['system:user:export']" |
| | |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-download" |
| | | size="medium" |
| | | @click="toleadExport" |
| | | v-hasPermi="['system:user:export']" |
| | | >导å
¥</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="info" |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="TaskReset" |
| | | v-hasPermi="['system:user:export']" |
| | | >ä»»å¡éç½®</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="success" |
| | | icon="el-icon-position" |
| | | size="medium" |
| | | @click="AllStarted" |
| | | v-hasPermi="['system:user:export']" |
| | | >å
¨é¨å¼å§</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="warning" |
| | | icon="el-icon-remove" |
| | | size="medium" |
| | | @click="AllStop" |
| | | v-hasPermi="['system:user:export']" |
| | | >å
¨é¨åæ¢</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-remove" |
| | | size="medium" |
| | | @click="Sendtimesetting" |
| | | v-hasPermi="['system:user:export']" |
| | | >åéæ¶é´è®¾ç½®</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="1.5"> </el-col> --> |
| | | </el-row> |
| | | <!-- <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | :columns="columns" |
| | | ></right-toolbar> --> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="ä»»å¡åç§°" |
| | | label="ç
åå·" |
| | | align="center" |
| | | sortable |
| | | key="userName" |
| | | prop="userName" |
| | | :show-overflow-tooltip="true" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="å§å" align="center" key="types" prop="types" /> |
| | | <el-table-column |
| | | label="æå¡æ¨¡æ¿" |
| | | align="center" |
| | | key="types" |
| | | prop="types" |
| | | /> |
| | | <el-table-column |
| | | label="åå»ºæ¥æ" |
| | | label="å¹´é¾" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="å¾
æ§è¡/æ»æ°" |
| | | label="åºå·" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="ç
åº" |
| | | align="center" |
| | | key="phonenumber" |
| | | prop="phonenumber" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span style="margin-left: 10px" |
| | | >{{ scope.row.date }}/{{ scope.row.data }}</span |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="æ§è¡ç¶æ" |
| | | label="ç¾ç
åç§°" |
| | | align="center" |
| | | key="topicnumber" |
| | | prop="topicnumber" |
| | |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div>æ§è¡å®æ/æ§è¡å¤±è´¥</div> |
| | | <div>轻度骨è£</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="å®¡æ ¸äºº" |
| | | label="éè®¿ç¶æ" |
| | | align="center" |
| | | key="topicnumber" |
| | | prop="topicnumber" |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div>æªå®æ</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="éè®¿æ¹æ¡" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | sortable |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="å®£æææ" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="é访æ¹å¼" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="é访人å" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | width="120" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="å®¡æ ¸æ¶é´" |
| | | label="å°±è¯æ¶é´" |
| | | sortable |
| | | align="center" |
| | | prop="createTime" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æä½" |
| | | label="é访æ¶é´" |
| | | sortable |
| | | align="center" |
| | | width="120" |
| | | class-name="small-padding fixed-width" |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-promotion"></i>å¼å§æ§è¡</span |
| | | ></el-button |
| | | > |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="ä»»å¡è¯¦æ
" |
| | | label="å夿¶é´" |
| | | sortable |
| | | align="center" |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-xq" |
| | | ><i class="el-icon-s-data"></i>详æ
</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | @click="followupvisit(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-bb" |
| | | ><i class="el-icon-s-order"></i>æ¥è¡¨</span |
| | | ><i class="el-icon-s-promotion"></i>éæ°é访</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | @click="handlestop(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-sc" |
| | | ><i class="el-icon-delete"></i>å é¤</span |
| | | ><i class="el-icon-delete"></i>忢</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="Seedetails(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-order"></i>æ¥ç详æ
</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | |
| | | <el-button @click="cancel">è¿ å</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- ä¿®æ¹åéæ¶é´å¯¹è¯æ¡ --> |
| | | <el-dialog |
| | | title="åéæ¶é´è®¾ç½®" |
| | | :visible.sync="modificationVisible" |
| | | width="45%" |
| | | > |
| | | <div style="margin-bottom: 20px; color: red"> |
| | | ç»ä¸ä¿®æ¹å½å¤©æªåéç任塿¶é´ |
| | | </div> |
| | | |
| | | <el-form |
| | | :model="ruleForm" |
| | | :rules="rules" |
| | | ref="ruleForm" |
| | | label-width="120px" |
| | | class="demo-ruleForm" |
| | | > |
| | | <el-form-item label="å鿥æ"> |
| | | <el-date-picker |
| | | v-model="ruleForm.value1" |
| | | type="date" |
| | | placeholder="éæ©æ¥æ" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="æ¶é´æ®µ" prop="type"> |
| | | <el-checkbox-group v-model="ruleForm.type"> |
| | | <el-checkbox label="ä¸å" name="type"></el-checkbox> |
| | | <el-checkbox label="ä¸å" name="type"></el-checkbox> |
| | | <el-checkbox label="æä¸" name="type"></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸åæ¶é´åºé´" required> |
| | | <el-time-picker |
| | | is-range |
| | | v-model="ruleForm.value2" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | > |
| | | </el-time-picker> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸åæ¶é´åºé´" required> |
| | | <el-time-picker |
| | | is-range |
| | | v-model="ruleForm.value3" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | > |
| | | </el-time-picker> |
| | | </el-form-item> |
| | | <el-form-item label="æä¸æ¶é´åºé´" required> |
| | | <el-time-picker |
| | | is-range |
| | | v-model="ruleForm.value4" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | > |
| | | </el-time-picker> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="modificationVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="modificationVisible = false" |
| | | >ç¡® å®</el-button |
| | | > |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | title: "æ°å¢é¨è¯é访", |
| | | // æ¯å¦æ¾ç¤ºä¿®æ¹ãæ·»å å¼¹åºå± |
| | | addalteropen: false, |
| | | // ä¿®æ¹åéæ¶é´å¯¹è¯æ¡ |
| | | modificationVisible: false, |
| | | // é¨é¨åç§° |
| | | deptName: undefined, |
| | | // é»è®¤å¯ç |
| | |
| | | dateRange: [], |
| | | // å²ä½é项 |
| | | postOptions: [], |
| | | // è§è²é项 |
| | | roleOptions: [], |
| | | ruleForm: { |
| | | type: [], |
| | | }, |
| | | dynamicTags: ["é项ä¸", "é项äº", "é项ä¸"], //é项 |
| | | inputVisible: false, |
| | | inputValue: "", |
| | |
| | | // }); |
| | | }, |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | | this.reset(); |
| | | const userId = row.userId || this.ids; |
| | | getUser(userId).then((response) => { |
| | | this.form = response.data; |
| | | this.postOptions = response.posts; |
| | | this.roleOptions = response.roles; |
| | | this.$set(this.form, "postIds", response.postIds); |
| | | this.$set(this.form, "roleIds", response.roleIds); |
| | | this.addalteropen = true; |
| | | this.title = "ä¿®æ¹ç¨æ·"; |
| | | this.form.password = ""; |
| | | }); |
| | | }, |
| | | // handleUpdate(row) { |
| | | // this.reset(); |
| | | // const userId = row.userId || this.ids; |
| | | // getUser(userId).then((response) => { |
| | | // this.form = response.data; |
| | | // this.postOptions = response.posts; |
| | | // this.roleOptions = response.roles; |
| | | // this.$set(this.form, "postIds", response.postIds); |
| | | // this.$set(this.form, "roleIds", response.roleIds); |
| | | // this.addalteropen = true; |
| | | // this.title = "ä¿®æ¹ç¨æ·"; |
| | | // this.form.password = ""; |
| | | // }); |
| | | // }, |
| | | /** éç½®å¯ç æé®æä½ */ |
| | | handleResetPwd(row) { |
| | | this.$prompt('请è¾å
¥"' + row.userName + '"çæ°å¯ç ', "æç¤º", { |
| | |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // å
¨é¨åæ¢ |
| | | AllStop() { |
| | | this.$modal |
| | | .confirm("æ¯å¦åæ¢å
¨é¨ä»»å¡ï¼") |
| | | .then(function () { |
| | | return console.log("忢æå"); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgWarning("忢æå"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // å
¨é¨å¼å§ |
| | | AllStarted() { |
| | | this.$modal |
| | | .confirm("æ¯å¦å¼å¯å
¨é¨ä»»å¡ï¼") |
| | | .then(function () { |
| | | return console.log("å¼å¯æå"); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("å¼å¯æå"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // ä»»å¡éç½® |
| | | TaskReset() { |
| | | this.$modal |
| | | .confirm("æ¯å¦éç½®éä¸çä»»å¡é¡¹ï¼") |
| | | .then(function () { |
| | | return console.log("é䏿å"); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("éç½®æå"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // 设置åéæ¶é´ |
| | | Sendtimesetting() { |
| | | this.modificationVisible = true; |
| | | }, |
| | | // 跳转详æ
页 |
| | | Seedetails() { |
| | | // this.$router.push({ |
| | | // path: "/followvisit/record/detailpage/", |
| | | // query: { id: "1" }, |
| | | // }); |
| | | this.$router.push({ |
| | | path: "/followvisit/particty", |
| | | query: { type: 3, }, |
| | | }); |
| | | }, |
| | | // 导å
¥æé® |
| | | toleadExport() {}, |
| | | /** å¯¼åºæé®æä½ */ |
| | | handleExport() { |
| | | this.download( |
| | |
| | | } |
| | | |
| | | .document { |
| | | width: 100px; |
| | | // width: 100px; |
| | | height: 50px; |
| | | } |
| | | |
| | |
| | | } |
| | | .button-bb { |
| | | font-weight: 500; |
| | | color: #2ba05c; |
| | | background-color: #2ba05c; |
| | | padding: 5px; |
| | | border-radius: 1px; |
| | | color: #ffffff; |
| | | } |
| | | .button-xq { |
| | | font-weight: 500; |
| | | color: #409eff; |
| | | background-color: #409eff; |
| | | padding: 5px; |
| | | border-radius: 1px; |
| | | color: #ffffff; |
| | | } |
| | | .button-sc { |
| | | font-weight: 500; |
| | | color: #dd302a; |
| | | background-color: #dd302a; |
| | | padding: 5px; |
| | | border-radius: 1px; |
| | | color: #ffffff; |
| | | } |
| | | .button-zx { |
| | | background: #4fabe9; |
| | |
| | | } |
| | | } |
| | | |
| | | ::v-deep.el-checkbox-group { |
| | | span { |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | // é项å使¾å¤§ |
| | | // ::v-deep.el-checkbox-group { |
| | | // span { |
| | | // font-size: 24px; |
| | | // } |
| | | // } |
| | | </style> |
| | |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="medium" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['system:user:edit']" |
| | | >ä¿®æ¹</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="19"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="el-icon-download" |
| | | icon="el-icon-upload2" |
| | | size="medium" |
| | | @click="handleExport" |
| | | v-hasPermi="['system:user:export']" |
| | |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-download" |
| | | size="medium" |
| | | @click="toleadExport" |
| | | v-hasPermi="['system:user:export']" |
| | | >导å
¥</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="info" |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="TaskReset" |
| | | v-hasPermi="['system:user:export']" |
| | | >ä»»å¡éç½®</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="success" |
| | | icon="el-icon-position" |
| | | size="medium" |
| | | @click="AllStarted" |
| | | v-hasPermi="['system:user:export']" |
| | | >å
¨é¨å¼å§</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="warning" |
| | | icon="el-icon-remove" |
| | | size="medium" |
| | | @click="AllStop" |
| | | v-hasPermi="['system:user:export']" |
| | | >å
¨é¨åæ¢</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-remove" |
| | | size="medium" |
| | | @click="Sendtimesetting" |
| | | v-hasPermi="['system:user:export']" |
| | | >åéæ¶é´è®¾ç½®</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="1.5"> </el-col> --> |
| | | </el-row> |
| | | <!-- <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | :columns="columns" |
| | | ></right-toolbar> --> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="ä»»å¡åç§°" |
| | | label="ç
åå·" |
| | | align="center" |
| | | sortable |
| | | key="userName" |
| | | prop="userName" |
| | | :show-overflow-tooltip="true" |
| | | width="120" |
| | | /> |
| | | <el-table-column label="å§å" align="center" key="types" prop="types" /> |
| | | <el-table-column |
| | | label="æå¡æ¨¡æ¿" |
| | | align="center" |
| | | key="types" |
| | | prop="types" |
| | | /> |
| | | <el-table-column |
| | | label="åå»ºæ¥æ" |
| | | label="å¹´é¾" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="å¾
æ§è¡/æ»æ°" |
| | | label="ç§å®¤" |
| | | align="center" |
| | | key="phonenumber" |
| | | prop="phonenumber" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span style="margin-left: 10px" |
| | | >{{ scope.row.date }}/{{ scope.row.data }}</span |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="æ§è¡ç¶æ" |
| | | label="ç¾ç
åç§°" |
| | | align="center" |
| | | key="topicnumber" |
| | | prop="topicnumber" |
| | |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div>æ§è¡å®æ/æ§è¡å¤±è´¥</div> |
| | | <div>轻度骨è£</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="å®¡æ ¸äºº" |
| | | label="éè®¿ç¶æ" |
| | | align="center" |
| | | key="topicnumber" |
| | | prop="topicnumber" |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div>æªå®æ</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="éè®¿æ¹æ¡" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | sortable |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="å®£æææ" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="é访æ¹å¼" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="é访人å" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | | width="120" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="å®¡æ ¸æ¶é´" |
| | | label="å°±è¯æ¶é´" |
| | | sortable |
| | | align="center" |
| | | prop="createTime" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æä½" |
| | | label="é访æ¶é´" |
| | | sortable |
| | | align="center" |
| | | width="120" |
| | | class-name="small-padding fixed-width" |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-promotion"></i>å¼å§æ§è¡</span |
| | | ></el-button |
| | | > |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="ä»»å¡è¯¦æ
" |
| | | label="å夿¶é´" |
| | | sortable |
| | | align="center" |
| | | prop="createTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-xq" |
| | | ><i class="el-icon-s-data"></i>详æ
</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | @click="followupvisit(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-bb" |
| | | ><i class="el-icon-s-order"></i>æ¥è¡¨</span |
| | | ><i class="el-icon-s-promotion"></i>éæ°é访</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | @click="handlestop(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-sc" |
| | | ><i class="el-icon-delete"></i>å é¤</span |
| | | ><i class="el-icon-delete"></i>忢</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="Seedetails(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-order"></i>æ¥ç详æ
</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | |
| | | <el-button @click="cancel">è¿ å</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- ä¿®æ¹åéæ¶é´å¯¹è¯æ¡ --> |
| | | <el-dialog |
| | | title="åéæ¶é´è®¾ç½®" |
| | | :visible.sync="modificationVisible" |
| | | width="45%" |
| | | > |
| | | <div style="margin-bottom: 20px; color: red"> |
| | | ç»ä¸ä¿®æ¹å½å¤©æªåéç任塿¶é´ |
| | | </div> |
| | | |
| | | <el-form |
| | | :model="ruleForm" |
| | | :rules="rules" |
| | | ref="ruleForm" |
| | | label-width="120px" |
| | | class="demo-ruleForm" |
| | | > |
| | | <el-form-item label="å鿥æ"> |
| | | <el-date-picker |
| | | v-model="ruleForm.value1" |
| | | type="date" |
| | | placeholder="éæ©æ¥æ" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="æ¶é´æ®µ" prop="type"> |
| | | <el-checkbox-group v-model="ruleForm.type"> |
| | | <el-checkbox label="ä¸å" name="type"></el-checkbox> |
| | | <el-checkbox label="ä¸å" name="type"></el-checkbox> |
| | | <el-checkbox label="æä¸" name="type"></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸åæ¶é´åºé´" required> |
| | | <el-time-picker |
| | | is-range |
| | | v-model="ruleForm.value2" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | > |
| | | </el-time-picker> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸åæ¶é´åºé´" required> |
| | | <el-time-picker |
| | | is-range |
| | | v-model="ruleForm.value3" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | > |
| | | </el-time-picker> |
| | | </el-form-item> |
| | | <el-form-item label="æä¸æ¶é´åºé´" required> |
| | | <el-time-picker |
| | | is-range |
| | | v-model="ruleForm.value4" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¶é´" |
| | | end-placeholder="ç»ææ¶é´" |
| | | placeholder="éæ©æ¶é´èå´" |
| | | > |
| | | </el-time-picker> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="modificationVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="modificationVisible = false" |
| | | >ç¡® å®</el-button |
| | | > |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | title: "æ°å¢é¨è¯é访", |
| | | // æ¯å¦æ¾ç¤ºä¿®æ¹ãæ·»å å¼¹åºå± |
| | | addalteropen: false, |
| | | // ä¿®æ¹åéæ¶é´å¯¹è¯æ¡ |
| | | modificationVisible: false, |
| | | // é¨é¨åç§° |
| | | deptName: undefined, |
| | | // é»è®¤å¯ç |
| | |
| | | dateRange: [], |
| | | // å²ä½é项 |
| | | postOptions: [], |
| | | // è§è²é项 |
| | | roleOptions: [], |
| | | ruleForm: { |
| | | type: [], |
| | | }, |
| | | dynamicTags: ["é项ä¸", "é项äº", "é项ä¸"], //é项 |
| | | inputVisible: false, |
| | | inputValue: "", |
| | |
| | | // }); |
| | | }, |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | | this.reset(); |
| | | const userId = row.userId || this.ids; |
| | | getUser(userId).then((response) => { |
| | | this.form = response.data; |
| | | this.postOptions = response.posts; |
| | | this.roleOptions = response.roles; |
| | | this.$set(this.form, "postIds", response.postIds); |
| | | this.$set(this.form, "roleIds", response.roleIds); |
| | | this.addalteropen = true; |
| | | this.title = "ä¿®æ¹ç¨æ·"; |
| | | this.form.password = ""; |
| | | }); |
| | | }, |
| | | // handleUpdate(row) { |
| | | // this.reset(); |
| | | // const userId = row.userId || this.ids; |
| | | // getUser(userId).then((response) => { |
| | | // this.form = response.data; |
| | | // this.postOptions = response.posts; |
| | | // this.roleOptions = response.roles; |
| | | // this.$set(this.form, "postIds", response.postIds); |
| | | // this.$set(this.form, "roleIds", response.roleIds); |
| | | // this.addalteropen = true; |
| | | // this.title = "ä¿®æ¹ç¨æ·"; |
| | | // this.form.password = ""; |
| | | // }); |
| | | // }, |
| | | /** éç½®å¯ç æé®æä½ */ |
| | | handleResetPwd(row) { |
| | | this.$prompt('请è¾å
¥"' + row.userName + '"çæ°å¯ç ', "æç¤º", { |
| | |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // å
¨é¨åæ¢ |
| | | AllStop() { |
| | | this.$modal |
| | | .confirm("æ¯å¦åæ¢å
¨é¨ä»»å¡ï¼") |
| | | .then(function () { |
| | | return console.log("忢æå"); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgWarning("忢æå"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // å
¨é¨å¼å§ |
| | | AllStarted() { |
| | | this.$modal |
| | | .confirm("æ¯å¦å¼å¯å
¨é¨ä»»å¡ï¼") |
| | | .then(function () { |
| | | return console.log("å¼å¯æå"); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("å¼å¯æå"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // ä»»å¡éç½® |
| | | TaskReset() { |
| | | this.$modal |
| | | .confirm("æ¯å¦éç½®éä¸çä»»å¡é¡¹ï¼") |
| | | .then(function () { |
| | | return console.log("é䏿å"); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("éç½®æå"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | // 设置åéæ¶é´ |
| | | Sendtimesetting() { |
| | | this.modificationVisible = true; |
| | | }, |
| | | // 跳转详æ
页 |
| | | Seedetails() { |
| | | // this.$router.push({ |
| | | // path: "/followvisit/record/detailpage/", |
| | | // query: { id: "1" }, |
| | | // }); |
| | | this.$router.push({ |
| | | path: "/followvisit/particty", |
| | | query: { type: 2, }, |
| | | }); |
| | | }, |
| | | // 导å
¥æé® |
| | | toleadExport() {}, |
| | | /** å¯¼åºæé®æä½ */ |
| | | handleExport() { |
| | | this.download( |
| | |
| | | } |
| | | |
| | | .document { |
| | | width: 100px; |
| | | // width: 100px; |
| | | height: 50px; |
| | | } |
| | | |
| | |
| | | } |
| | | .button-bb { |
| | | font-weight: 500; |
| | | color: #2ba05c; |
| | | background-color: #2ba05c; |
| | | padding: 5px; |
| | | border-radius: 1px; |
| | | color: #ffffff; |
| | | } |
| | | .button-xq { |
| | | font-weight: 500; |
| | | color: #409eff; |
| | | background-color: #409eff; |
| | | padding: 5px; |
| | | border-radius: 1px; |
| | | color: #ffffff; |
| | | } |
| | | .button-sc { |
| | | font-weight: 500; |
| | | color: #dd302a; |
| | | background-color: #dd302a; |
| | | padding: 5px; |
| | | border-radius: 1px; |
| | | color: #ffffff; |
| | | } |
| | | .button-zx { |
| | | background: #4fabe9; |
| | |
| | | } |
| | | } |
| | | |
| | | ::v-deep.el-checkbox-group { |
| | | span { |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | // é项å使¾å¤§ |
| | | // ::v-deep.el-checkbox-group { |
| | | // span { |
| | | // font-size: 24px; |
| | | // } |
| | | // } |
| | | </style> |
| | |
| | | >æ°å¢</el-button |
| | | > |
| | | </el-col> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="medium" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['system:user:edit']" |
| | | >ä¿®æ¹</el-button |
| | | > |
| | | </el-col> --> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> --> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | |
| | | <el-form-item label="ä»»å¡åç§°"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å®¡æ ¸äºº"> |
| | | <el-form-item label="å起人"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å®¡æ ¸æ¶é´"> |
| | | <el-form-item label="åèµ·æ¶é´"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | | style="width: 240px" |
| | |
| | | end-placeholder="ç»ææ¥æ" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="é访类å" prop="status"> |
| | | <el-form-item label="è°æ¥ç±»å" prop="status"> |
| | | <el-select v-model="topqueryParams.topic" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in topicoptions" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="模ç" prop="status"> |
| | | <el-select v-model="topqueryParams.topic" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in topicoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="é¨è¯éè®¿ç¶æ" prop="status"> |
| | | <el-form-item label="è°æ¥ç¶æ" prop="status"> |
| | | <el-select v-model="topqueryParams.topic" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in topicoptions" |
| | |
| | | <el-divider></el-divider> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-select v-model="tasktopic" placeholder="è¯·éæ©æ°å¢ç±»å"> |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="medium" |
| | | :disabled="!tasktopic" |
| | | @click="handleAdd" |
| | | v-hasPermi="['system:user:add']" |
| | | >æ°å¢</el-button |
| | | > |
| | | </el-col> |
| | |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="19"> |
| | | <el-col :span="1.5"> |
| | | <div class="documentf"> |
| | | <div class="document"> |
| | | <el-button |
| | |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="ä»»å¡åç§°" |
| | | label="ä½é¢ç¼å·" |
| | | align="center" |
| | | sortable |
| | | key="userName" |
| | |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="æå¡æ¨¡æ¿" |
| | | label="å§å" |
| | | align="center" |
| | | sortable |
| | | key="userName" |
| | | prop="userName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="å¹´é¾" |
| | | align="center" |
| | | key="age" |
| | | prop="age" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="è°æ¥æ¨¡æ¿" |
| | | align="center" |
| | | key="types" |
| | | prop="types" |
| | | /> |
| | | <el-table-column |
| | | label="åå»ºæ¥æ" |
| | | label="è°æ¥ç±»å" |
| | | align="center" |
| | | key="types" |
| | | prop="types" |
| | | /> |
| | | <el-table-column |
| | | label="è°æ¥å
容" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="å¾
æ§è¡/æ»æ°" |
| | | label="ä½é¢ç
åº" |
| | | align="center" |
| | | key="phonenumber" |
| | | prop="phonenumber" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span style="margin-left: 10px" |
| | | >{{ scope.row.date }}/{{ scope.row.data }}</span |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="主治å»ç" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | <el-table-column |
| | | label="ç®¡åºæ¤å£«" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="æ§è¡ç¶æ" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="å®¡æ ¸äºº" |
| | | label="è¯æ" |
| | | align="center" |
| | | key="topicnumberaa" |
| | | prop="topicnumberaa" |
| | |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="å®¡æ ¸æ¶é´" |
| | | label="å
¥é¢æ¶é´" |
| | | sortable |
| | | align="center" |
| | | prop="createTime" |
| | |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="120" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-promotion"></i>å¼å§æ§è¡</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | dateRange: [], |
| | | // å²ä½é项 |
| | | postOptions: [], |
| | | taskoptions: [ |
| | | { |
| | | value: "1", |
| | | label: "é¨è¯ç
人", |
| | | }, |
| | | { |
| | | value: "2", |
| | | label: "åºé¢ç
人", |
| | | }, |
| | | { |
| | | value: "3", |
| | | label: "廿¤äººå", |
| | | }, |
| | | ], |
| | | tasktopic: null, //æ°å¢ç±»å |
| | | // è§è²é项 |
| | | roleOptions: [], |
| | | dynamicTags: ["é项ä¸", "é项äº", "é项ä¸"], //é项 |
| | |
| | | }, |
| | | /** æ°å¢æé®æä½ */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.addalteropen = true; |
| | | // this.reset(); |
| | | // this.addalteropen = true; |
| | | this.$router.push({ |
| | | path: "/Intelligentcenter/satisfaction/particulars", |
| | | query: { type: this.tasktopic }, |
| | | }); |
| | | // getUser().then((response) => { |
| | | // this.postOptions = response.posts; |
| | | // this.roleOptions = response.roles; |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div> |
| | | 满æåº¦è¯¦æ
|
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data () { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | |
| | | created () { |
| | | |
| | | }, |
| | | |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang='scss' scoped> |
| | | |
| | | </style> |
| | |
| | | { amount: 0, count: 88, skuId: "0", skuName: "卿¢°ç§" }, |
| | | { amount: 0, count: 87, skuId: "0", skuName: "骨ç§" }, |
| | | { amount: 0, count: 67, skuId: "0", skuName: "æ¾å°ç§" }, |
| | | { amount: 0, count: 67, skuId: "0", skuName: "æ¾å°ç§" }, |
| | | |
| | | { amount: 0, count: 67, skuId: "0", skuName: "æ¾å°ç§" }, |
| | | ]; |
| | | }, |
| | | // è·å工忰é |
| | |
| | | <template> |
| | | <div> |
| | | æ£è
å访 |
| | | <transition name="slide-fade"> |
| | | <p v-if="show">hello world</p> |
| | | </transition> |
| | | <div class="app-container"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | | <el-col :span="24" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item label="å§å" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请è¾å
¥å§å" |
| | | clearable |
| | | style="width: 200px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="æ£è
ç¼å·" prop="iccardno"> |
| | | <el-input |
| | | v-model="queryParams.iccardno" |
| | | placeholder="请è¾å
¥æ£è
ç¼å·" |
| | | clearable |
| | | style="width: 250px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="æ£è
ç¼å·" prop="telcode"> |
| | | <el-input |
| | | v-model="queryParams.telcode" |
| | | placeholder="请è¾å
¥æ£è
ç¼å·" |
| | | clearable |
| | | style="width: 280px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="æ£è
èå´" prop="tagId"> |
| | | <el-select |
| | | v-model="queryParams.Patientid" |
| | | multiple |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in Patientrange" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-form-item label="æ£è
æ ç¾" prop="tagId"> |
| | | <el-select |
| | | v-model="queryParams.tagIds" |
| | | multiple |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in optionstag" |
| | | :key="item.tagid" |
| | | :label="item.tagname" |
| | | :value="item.tagid" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label=" å°±è¯æ¥æ " prop="admitdate"> |
| | | <el-date-picker |
| | | clearable |
| | | v-model="queryParams.admitdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="è¯·éæ© å°±è¯æ¥æ " |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="medium" |
| | | @click="handleQuery" |
| | | >æç´¢</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="resetQuery" |
| | | >éç½®</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="medium" |
| | | @click="handleAdd" |
| | | v-hasPermi="['system:user:add']" |
| | | >æ°å¢</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="medium" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['system:user:edit']" |
| | | >ä¿®æ¹</el-button |
| | | > |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | <!-- <el-col :span="1.5"> </el-col> --> |
| | | </el-row> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | align="center" |
| | | key="patid" |
| | | prop="patid" |
| | | /> |
| | | <el-table-column label="å§å" align="center" key="name" prop="name" /> |
| | | <el-table-column label="æ§å«" align="center" key="sex" prop="sex"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.sex == 1 ? "ç·" : "女" }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="å¹´é¾" |
| | | align="center" |
| | | key="age" |
| | | prop="age" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="åºçå¹´æ" |
| | | align="center" |
| | | key="archivetime" |
| | | prop="archivetime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="å®¶åºä½å" |
| | | align="center" |
| | | key="age" |
| | | prop="age" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="é»åååå " |
| | | align="center" |
| | | key="age" |
| | | prop="age" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="æ£è
æ ç¾" |
| | | align="center" |
| | | key="tagList" |
| | | prop="tagList" |
| | | width="160" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span v-for="item in scope.row.tagList">{{ item }} </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="è¯ä»¶ç±»å" |
| | | align="center" |
| | | key="iccardtype" |
| | | prop="iccardtype" |
| | | width="120" |
| | | /><el-table-column |
| | | label="è¯ä»¶å·ç " |
| | | align="center" |
| | | key="iccardno" |
| | | prop="iccardno" |
| | | width="190" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="èç³»æ¹å¼" |
| | | align="center" |
| | | key="telcode" |
| | | prop="telcode" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="å»ºæ¡£æ¥æ" |
| | | align="center" |
| | | key="archivetime" |
| | | prop="archivetime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æ´æ°æ¥æ" |
| | | align="center" |
| | | prop="updateTime" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="190" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click=" |
| | | $router.push({ |
| | | path: '/patient/patient/profile/', |
| | | query: { id: scope.row.patid }, |
| | | }) |
| | | " |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textsc" |
| | | ><i class="el-icon-zoom-in"></i>æ¥ç</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxga" |
| | | ><i class="el-icon-edit"></i>åæ¶é»åå</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <!-- æ·»å æä¿®æ¹ç¨æ·é
ç½®å¯¹è¯æ¡ --> |
| | | <el-dialog |
| | | :title="amendtag ? 'ä¿®æ¹æ£è
ä¿¡æ¯' : 'æ°å¢æ£è
'" |
| | | :visible.sync="Labelchange" |
| | | width="900px" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å§å" prop="name"> |
| | | <el-input |
| | | v-model="form.name" |
| | | placeholder="请è¾å
¥å§å" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ§å«" prop="sex"> |
| | | <el-select v-model="form.sex" placeholder="è¯·éæ©æ§å«"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="è¯ä»¶ç±»å" prop="iccardtype"> |
| | | <el-select v-model="form.iccardtype" placeholder="è¯·éæ©æ§å«"> |
| | | <el-option |
| | | v-for="item in paperstypes" |
| | | :key="item.papersname" |
| | | :label="item.papersname" |
| | | :value="item.papersname" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="è¯ä»¶å·" prop="iccardno"> |
| | | <el-input |
| | | v-model="form.iccardno" |
| | | placeholder="请è¾å
¥è¯ä»¶å·" |
| | | maxlength="50" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ¬äººææºå·" prop="telcode"> |
| | | <el-input |
| | | v-model="form.telcode" |
| | | placeholder="请è¾å
¥ææºå·" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="äº²å±ææºå·" prop="relativetelcode"> |
| | | <el-input |
| | | v-model="form.relativetelcode" |
| | | placeholder="请è¾å
¥äº²å±ææºå·" |
| | | type="password" |
| | | maxlength="20" |
| | | show-password |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å¹´é¾" prop="age"> |
| | | <el-input |
| | | v-model="form.age" |
| | | placeholder="请è¾å
¥å¹´é¾" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ£è
æ ç¾"> |
| | | <!-- <el-select v-model="form.sex" placeholder="è¯·éæ©"> --> |
| | | <el-select v-model="form.tagList" multiple placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in optionstag" |
| | | :key="item.tagid" |
| | | :label="item.tagname" |
| | | :value="item.tagid" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <!-- </el-select> --> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="夿³¨"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | type="textarea" |
| | | placeholder="请è¾å
¥å
容" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">ç¡® å®</el-button> |
| | | <el-button @click="cancel">å æ¶</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { delUser } from "@/api/system/user"; |
| | | import { |
| | | listpat_archive, |
| | | getpat_archive, |
| | | addpat_archive, |
| | | updatepat_archive, |
| | | delpat_archive, |
| | | } from "@/api/smartorpor/pat_archive"; |
| | | import { |
| | | messagelistpatient, |
| | | alterpatient, |
| | | addpatient, |
| | | particularpatient, |
| | | deletepatient, |
| | | Exporterrorpatient, |
| | | toleadpatient, |
| | | } from "@/api/patient/homepage"; |
| | | import { listtag } from "@/api/system/label"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import Treeselect from "@riophae/vue-treeselect"; |
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
| | | |
| | | export default { |
| | | name: "Userhuanze", |
| | | dicts: ["sys_normal_disable", "sys_user_sex"], |
| | | components: { Treeselect }, |
| | | data() { |
| | | return { |
| | | show: true, |
| | | // é®ç½©å± |
| | | loading: true, |
| | | // é䏿°ç» |
| | | ids: [], |
| | | // éå个ç¦ç¨ |
| | | single: true, |
| | | // éå¤ä¸ªç¦ç¨ |
| | | multiple: true, |
| | | // æ¾ç¤ºæç´¢æ¡ä»¶ |
| | | showSearch: true, |
| | | // æ»æ¡æ° |
| | | total: 0, |
| | | // ç¨æ·è¡¨æ ¼æ°æ® |
| | | userList: null, |
| | | // å¼¹åºå±æ é¢ |
| | | title: "", |
| | | // é¨é¨æ é项 |
| | | deptOptions: undefined, |
| | | // æ¯å¦æ¾ç¤ºå¼¹åºå± |
| | | open: false, |
| | | // é¨é¨åç§° |
| | | deptName: undefined, |
| | | // é»è®¤å¯ç |
| | | initPassword: undefined, |
| | | amendtag: false, //æ¯å¦ä¿®æ¹ |
| | | // æ¥æèå´ |
| | | dateRange: [], |
| | | paperstypes: [ |
| | | { papersname: "身份è¯" }, |
| | | { papersname: "æ¤ç
§" }, |
| | | { papersname: "ä¸å½æ¸¯æ¾³å±
æ°èº«ä»½è¯" }, |
| | | { papersname: "ä¸å½å°æ¹¾å±
æ°èº«ä»½è¯" }, |
| | | ], |
| | | // 表ååæ° |
| | | form: { |
| | | name: "", |
| | | age: "", |
| | | sex: "", |
| | | tagList: [], |
| | | iccardno: "", |
| | | telcode: "", |
| | | iccardtype: "", |
| | | relativetelcode: "", |
| | | }, |
| | | //导å
¥è¿åº¦ |
| | | dractive: 1, |
| | | // 导å
¥å±ç¤ºè¡¨å |
| | | uploadingData: {}, |
| | | total: 0, // æ»æ¡æ° |
| | | ImportQuantity: 999, //导å
¥æ£è
æ°é |
| | | Labelchange: false, //ä¿®æ¹æ°å¢å¼¹çª |
| | | propss: { multiple: true }, |
| | | optionstag: [], //æ ç¾å表 |
| | | Patientrange: [ |
| | | { |
| | | name: "å
¨é¨", |
| | | id: 1, |
| | | }, |
| | | { |
| | | name: "å½åç§å®¤", |
| | | id: 1, |
| | | }, |
| | | ], |
| | | defaultProps: { |
| | | children: "children", |
| | | label: "label", |
| | | }, |
| | | // ç¨æ·å¯¼å
¥åæ° |
| | | upload: { |
| | | // æ¯å¦æ¾ç¤ºå¼¹åºå±ï¼ç¨æ·å¯¼å
¥ï¼ |
| | | open: false, |
| | | // å¼¹åºå±æ é¢ï¼ç¨æ·å¯¼å
¥ï¼ |
| | | title: "", |
| | | // æ¯å¦ç¦ç¨ä¸ä¼ |
| | | isUploading: false, |
| | | // æ¯å¦æ´æ°å·²ç»åå¨çç¨æ·æ°æ® |
| | | updateSupport: 0, |
| | | // 设置ä¸ä¼ ç请æ±å¤´é¨ |
| | | headers: { Authorization: "Bearer " + getToken() }, |
| | | // ä¸ä¼ çå°å |
| | | url: process.env.VUE_APP_BASE_API + "/system/user/importData", |
| | | }, |
| | | // æ¥è¯¢åæ° |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | iccardno: undefined, |
| | | name: undefined, |
| | | status: undefined, |
| | | tagIds: undefined, |
| | | telcode: undefined, |
| | | }, |
| | | // è¡¨åæ ¡éª |
| | | rules: {}, |
| | | }; |
| | | }, |
| | | watch: { |
| | | // æ ¹æ®åç§°çéé¨é¨æ |
| | | deptName(val) { |
| | | this.$refs.tree.filter(val); |
| | | }, |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.gettabList(); |
| | | }, |
| | | methods: { |
| | | /** æ¥è¯¢æ£è
å表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | messagelistpatient(this.queryParams).then((response) => { |
| | | console.log(response); |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | /** æ¥è¯¢æ ç¾å表 */ |
| | | gettabList() { |
| | | const queryParams = {}; |
| | | listtag().then((response) => { |
| | | console.log(response); |
| | | this.optionstag = response.rows; |
| | | }); |
| | | }, |
| | | // æ¥è¯¢å¯¼å
¥å±ç¤ºå表 |
| | | geterryList() { |
| | | this.loading = true; |
| | | listJob(this.queryParams).then((response) => { |
| | | this.jobList = 1; |
| | | this.total = 1; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | created() {}, |
| | | // çéèç¹ |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | return data.label.indexOf(value) !== -1; |
| | | }, |
| | | // èç¹åå»äºä»¶ |
| | | handleNodeClick(data) { |
| | | this.queryParams.deptId = data.id; |
| | | this.handleQuery(); |
| | | }, |
| | | |
| | | methods: {}, |
| | | // åæ¶æé® |
| | | cancel() { |
| | | this.Labelchange = false; |
| | | this.reset(); |
| | | }, |
| | | // 表åéç½® |
| | | reset() { |
| | | this.form = { |
| | | name: "", |
| | | age: "", |
| | | sex: "", |
| | | tagList: [], |
| | | iccardno: "", |
| | | telcode: "", |
| | | iccardtype: "", |
| | | relativetelcode: "", |
| | | }; |
| | | // this.resetForm("form"); |
| | | }, |
| | | /** æç´¢æé®æä½ */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | }, |
| | | /** éç½®æé®æä½ */ |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.$refs.tree.setCurrentKey(null); |
| | | this.handleQuery(); |
| | | }, |
| | | // å¤éæ¡é䏿°æ® |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map((item) => item.patid); |
| | | this.single = selection.length != 1; |
| | | this.multiple = !selection.length; |
| | | }, |
| | | |
| | | /** æ°å¢æé®æä½ */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.Labelchange = true; |
| | | this.amendtag = false; |
| | | }, |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | | console.log(row); |
| | | const userIds = row.patid || this.ids; |
| | | particularpatient(userIds).then((response) => { |
| | | console.log(response); |
| | | this.form = response.data; |
| | | }); |
| | | this.amendtag = true; |
| | | this.Labelchange = true; |
| | | }, |
| | | |
| | | //ä¿®æ¹/æ°å¢æ£è
|
| | | submitForm() { |
| | | if (this.amendtag) { |
| | | alterpatient(this.form) |
| | | .then((response) => { |
| | | console.log(response); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("ä¿®æ¹æå"); |
| | | }); |
| | | } else { |
| | | addpatient(this.form) |
| | | .then((response) => { |
| | | console.log(response); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("æ·»å æå"); |
| | | }); |
| | | } |
| | | this.reset(); |
| | | // this.idds = ""; |
| | | this.Labelchange = false; |
| | | }, |
| | | |
| | | /** å é¤æé®æä½ */ |
| | | handleDelete(row) { |
| | | const userIds = row.userId || this.ids; |
| | | this.$modal |
| | | .confirm('æ¯å¦ç¡®è®¤å é¤ç¨æ·ç¼å·ä¸º"' + userIds + '"çæ°æ®é¡¹ï¼') |
| | | .then(function () { |
| | | return deletepatient(userIds); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("å 餿å"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | /** å¯¼åºæé®æä½ */ |
| | | handleExport() { |
| | | this.download( |
| | | "smartor/patarchive/export", |
| | | { |
| | | ...this.queryParams, |
| | | }, |
| | | `user_${new Date().getTime()}.xlsx` |
| | | ); |
| | | }, |
| | | /** 导å
¥æé®æä½ */ |
| | | handleImport() { |
| | | this.upload.title = "ç¨æ·å¯¼å
¥"; |
| | | this.upload.open = true; |
| | | }, |
| | | /** ä¸è½½æ¨¡æ¿æä½ */ |
| | | importTemplate() { |
| | | this.download( |
| | | "system/user/importTemplate", |
| | | {}, |
| | | `user_template_${new Date().getTime()}.xlsx` |
| | | ); |
| | | }, |
| | | // æä»¶ä¸ä¼ ä¸å¤ç |
| | | handleFileUploadProgress(event, file, fileList) { |
| | | this.upload.isUploading = true; |
| | | }, |
| | | // æä»¶ä¸ä¼ æåå¤ç |
| | | handleFileSuccess(response, file, fileList) { |
| | | this.upload.open = false; |
| | | this.upload.isUploading = false; |
| | | this.$refs.upload.clearFiles(); |
| | | this.$alert( |
| | | "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + |
| | | response.msg + |
| | | "</div>", |
| | | "导å
¥ç»æ", |
| | | { dangerouslyUseHTMLString: true } |
| | | ); |
| | | this.getList(); |
| | | }, |
| | | // æäº¤ä¸ä¼ æä»¶ |
| | | submitFileForm() { |
| | | // ä¸ä¼ |
| | | if (this.dractive == 1) { |
| | | this.$refs.upload.submit(); |
| | | this.dractive++; |
| | | } else { |
| | | this.dractive++; |
| | | } |
| | | }, |
| | | submitclose() { |
| | | this.upload.open = false; |
| | | this.dractive = 1; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .slide-fade-enter-active { |
| | | transition: all 1s ease; |
| | | .el-button--primary.is-plain { |
| | | color: #ffffff; |
| | | background: #409eff; |
| | | border-color: #4fabe9; |
| | | } |
| | | .slide-fade-leave-active { |
| | | transition: all 2s cubic-bezier(1, 0.5, 0.8, 1); |
| | | .document { |
| | | width: 100px; |
| | | height: 50px; |
| | | } |
| | | .slide-fade-enter, |
| | | .slide-fade-leave-to { |
| | | transform: translateX(40px); |
| | | opacity: 0; |
| | | .documentf { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | } |
| | | .download { |
| | | text-align: center; |
| | | .el-upload__tip { |
| | | font-size: 23px; |
| | | } |
| | | .el-upload__text { |
| | | font-size: 23px; |
| | | } |
| | | } |
| | | .uploading { |
| | | margin-top: 20px; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #ffffff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | } |
| | | .drexamine { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | padding: 30px; |
| | | background: #daeaf5; |
| | | img { |
| | | width: 100px; |
| | | height: 100px; |
| | | } |
| | | } |
| | | .button-textsc { |
| | | color: #28cfe6; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div>廿</div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return {}; |
| | | }, |
| | | |
| | | created() {}, |
| | | |
| | | methods: {}, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |
| | |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="160" |
| | | width="190" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><span class="button-textxga" |
| | | ><i class="el-icon-edit"></i>ä¿®æ¹</span |
| | | ></el-button |
| | | > |
| | |
| | | @click="Distributionservice(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit"></i>æå¡</span |
| | | ><i class="el-icon-menu"></i>æå¡</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | |
| | | <el-button @click="submitclose">å æ¶</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 跳转æå¡å¯¹è¯æ¡ --> |
| | | <el-dialog title="éæ©æå¡ç±»å" :visible.sync="serviceVisible"> |
| | | <el-radio-group v-model="serviceradio"> |
| | | <el-radio :label="1">宣æé访</el-radio> |
| | | <el-radio :label="2">é¨è¯æå¡</el-radio> |
| | | <el-radio :label="3">åºé¢æå¡</el-radio> |
| | | <el-radio :label="4">å¤è¯æå¡</el-radio> |
| | | <el-radio :label="5">使£éç¥</el-radio> |
| | | <el-radio :label="6">é®å·æå¡</el-radio> |
| | | </el-radio-group> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="serviceVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="CreateService">å建æå¡</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | // é»è®¤å¯ç |
| | | initPassword: undefined, |
| | | amendtag: false, //æ¯å¦ä¿®æ¹ |
| | | serviceVisible: false, |
| | | serviceradio: 1, |
| | | // æ¥æèå´ |
| | | dateRange: [], |
| | | paperstypes: [ |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | // çéèç¹ |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | return data.label.indexOf(value) !== -1; |
| | | }, |
| | | // èç¹åå»äºä»¶ |
| | | handleNodeClick(data) { |
| | | this.queryParams.deptId = data.id; |
| | | this.handleQuery(); |
| | | Distributionservice(row) { |
| | | this.serviceVisible = true; |
| | | }, |
| | | |
| | | // åæ¶æé® |
| | |
| | | this.$modal.msgSuccess("å 餿å"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | //æå¡è·³è½¬ |
| | | CreateService() { |
| | | this.$router.push({ |
| | | path: "/followvisit/particty", |
| | | query: { type: this.serviceradio }, |
| | | }); |
| | | }, |
| | | /** å¯¼åºæé®æä½ */ |
| | | handleExport() { |
| | |
| | | .button-textsc { |
| | | color: #28cfe6; |
| | | } |
| | | .button-textxg { |
| | | color: #de7897; |
| | | } |
| | | </style> |
| | |
| | | <span class="mulsz" slot="label" |
| | | ><i class="el-icon-s-custom"></i> æå¡è®°å½</span |
| | | > |
| | | |
| | | 宿¶ä»»å¡è¡¥å¿</el-tab-pane |
| | | > |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | |
| | | <!-- å¥åº·æ¡£æ¡æ¨¡å --> |
| | |
| | | </div> |
| | | |
| | | <!-- æå¡è®°å½ --> |
| | | <div class="medical-record" v-else-if="activeName == 'serve'">sdaad</div> |
| | | <div |
| | | class="medical-recordc" |
| | | style="margin-top: 20px; font-size: 20px !important" |
| | | v-else-if="activeName == 'serve'" |
| | | > |
| | | <el-tabs type="border-card"> |
| | | <el-tab-pane label="馿¬¡é访"> |
| | | <div style="margin-top: 10px"> |
| | | éè®¿ç¶æï¼å·²ç»æ¢<span style="color: #2775b6" |
| | | >ï¼ç»æ¢åå ï¼æ£è
çæåè®¿ç»æï¼ç»æ¢æ¶é´ï¼2023-12-18 12:00ï¼</span |
| | | > |
| | | </div> |
| | | <div style="margin-top: 10px"> |
| | | é访åéæ¶é´ï¼<span style="color: #2775b6">2023-11-23 12:00</span> |
| | | </div> |
| | | <div style="margin-top: 10px"> |
| | | éè®¿å®ææ¶é´ï¼<span style="color: #2775b6">2023-12-18 12:00</span> |
| | | </div> |
| | | <div style="margin-top: 10px"> |
| | | ç¼çç¨åº¦ï¼<span style="color: #2775b6">ä¸åº¦</span> |
| | | </div> |
| | | <div |
| | | style=" |
| | | font-size: 22px; |
| | | padding-left: 5px; |
| | | margin: 15px 0; |
| | | border-left: 4px solid rgb(65, 161, 190); |
| | | " |
| | | > |
| | | 人工éè®¿è®°å½ |
| | | </div> |
| | | <div style="margin-top: 10px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6" |
| | | >éè®¿æ¥æï¼ |
| | | <span style="color: #2775b6">2023-11-22 11:22</span></el-col |
| | | > |
| | | <el-col :span="6" |
| | | >éè®¿äººï¼ <span style="color: #2775b6">å´å°é¾</span></el-col |
| | | > |
| | | <el-col :span="6" |
| | | >æ£è
é
ååº¦ï¼ <span style="color: #2775b6">é«</span></el-col |
| | | > |
| | | </el-row> |
| | | </div> |
| | | <div style="margin-top: 10px"> |
| | | éè®¿ç»æï¼ <span style="color: #2775b6">æ£è
çæï¼èº«ä½åæ£</span> |
| | | </div> |
| | | <div style="margin-top: 10px"> |
| | | éè®¿å¤æ³¨ï¼ <span style="color: #2775b6">æé注æé¥®é£å¥åº·</span> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="äºæ¬¡é访">äºæ¬¡é访</el-tab-pane> |
| | | <el-tab-pane label="䏿¬¡é访">䏿¬¡é访</el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | <!-- å¥åº·çæµ --> |
| | | <div class="medical-record" v-show="activeName == 'monitor'"> |
| | | <!-- è¡å徿 --> |
| | |
| | | } |
| | | } |
| | | .el-tabs--border-card { |
| | | font-size: 25px; |
| | | // font-size: 25px; |
| | | .mulsz { |
| | | font-size: 25px; |
| | | margin-top: 20px; |
| | |
| | | margin-left: 100px; |
| | | .detailed { |
| | | width: 70%; |
| | | border-radius: 8px; |
| | | padding: 30px; |
| | | margin-bottom: 30px; |
| | | background-color: #ddf0f8; |
| | |
| | | margin-bottom: 25px; |
| | | margin-left: 100px; |
| | | .Table-screen { |
| | | width: 70%; |
| | | width: 88%; |
| | | padding: 30px; |
| | | margin-bottom: 30px; |
| | | border-radius: 8px; |
| | | background-color: #ddf0f8; |
| | | font-size: 20px !important; |
| | | } |
| | |
| | | // 跳转详æ
页 |
| | | Seedetails() { |
| | | this.$router.push({ |
| | | path: "/followvisit/record/detailpage/", |
| | | query: { id: "1" }, |
| | | path: "/followvisit/particty", |
| | | query: { type: 5 }, |
| | | }); |
| | | }, |
| | | // 导å
¥æé® |
| | |
| | | handleUpdate(row) { |
| | | this.$router.push({ |
| | | path: "/followvisit/particty", |
| | | query: { type: 1, }, |
| | | }); |
| | | }, |
| | | /** éç½®å¯ç æé®æä½ */ |
| | |
| | | </div> |
| | | <div class="jic-value"> |
| | | <el-form ref="form" :model="form" label-width="105px"> |
| | | <el-form-item label="åéæ¶é´ï¼"> |
| | | <el-form-item label="åéæ¶é´ï¼" v-if="currenttype != 2"> |
| | | <el-date-picker |
| | | v-model="form.name" |
| | | type="date" |
| | |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="åéæ¶é´æ®µï¼"> |
| | | <el-form-item label="åéæ¶é´æ®µï¼" v-if="currenttype != 2"> |
| | | <el-checkbox-group v-model="checkList"> |
| | | <el-checkbox label="ä¸åï¼8:30-11:30ï¼"></el-checkbox> |
| | | <el-checkbox label="ä¸åï¼14:30-16:30ï¼"></el-checkbox> |
| | | <el-checkbox label="å¤é´ï¼18:30-20:30ï¼"></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="宣æå½¢å¼"> |
| | | <el-form-item label="æå¡å½¢å¼"> |
| | | <el-checkbox-group v-model="checkList"> |
| | | <el-checkbox label="å½é¢"></el-checkbox> |
| | | <el-checkbox label="å¤åªä½"></el-checkbox> |
| | | <el-checkbox label="纸质"></el-checkbox> |
| | | <el-checkbox label="çµè¯"></el-checkbox> |
| | | <el-checkbox label="çä¿¡"></el-checkbox> |
| | | <el-checkbox label="微信å
¬ä¼å·"></el-checkbox> |
| | | <el-checkbox label="微信å°ç¨åº"></el-checkbox> |
| | | <el-checkbox label="éé"></el-checkbox> |
| | | <el-checkbox |
| | | v-for="(item, index) in checkboxlist" |
| | | :key="index" |
| | | :label="item" |
| | | ></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label="åéæ¶é´æ®µï¼"> |
| | | <el-form-item label="ç»ç»å½¢å¼"> |
| | | <el-radio-group v-model="form.radio"> |
| | | <el-radio :label="3">å人</el-radio> |
| | | <el-radio :label="6">å¤äºº</el-radio> |
| | |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="headline"> |
| | | <div>宣æå
容å表</div> |
| | | <div>{{ title }}</div> |
| | | </div> |
| | | <div class="examine-jic"> |
| | | <div class="jic-value"> |
| | |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item label="宣æä¸»é¢"> |
| | | <el-form-item label="宣æä¸»é¢" v-if="currenttype == 1"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="éç¨ç¾ç
"> |
| | | <el-form-item |
| | | label="é访åç§°" |
| | | v-if="currenttype == 2 || currenttype == 3" |
| | | > |
| | | <el-input |
| | | v-model="topqueryParams.name" |
| | | ></el-input> </el-form-item |
| | | ><el-form-item |
| | | label="éç¥åç§°" |
| | | v-if="currenttype == 4 || currenttype == 5" |
| | | > |
| | | <el-input |
| | | v-model="topqueryParams.name" |
| | | ></el-input> </el-form-item |
| | | ><el-form-item label="使£å¥é¤" v-if="currenttype == 5"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="é®å·ä¸»é¢" v-if="currenttype == 6"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="éç¨ç¾ç
" v-if="currenttype != 5"> |
| | | <el-input v-model="topqueryParams.name"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="宣æç±»å" prop="status"> |
| | | <el-form-item |
| | | label="宣æç±»å" |
| | | prop="status" |
| | | v-if="currenttype == 1" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="éç¥ç±»å" |
| | | prop="status" |
| | | v-if="currenttype == 4 || currenttype == 5" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="é访类å" |
| | | prop="status" |
| | | v-if="currenttype == 2 || currenttype == 3" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in taskoptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="é®å·ç±»å" |
| | | prop="status" |
| | | v-if="currenttype == 6" |
| | | > |
| | | <el-select |
| | | v-model="topqueryParams.topic" |
| | | placeholder="è¯·éæ©" |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider></el-divider> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="50" |
| | | align="center" |
| | | <!-- 鿩任å¡å表 --> |
| | | <SFtable |
| | | @handleUpdate="handleUpdate" |
| | | @handleSelectionChange="handleSelectionChange" |
| | | :currentList="userList" |
| | | :tableLabel="tableLabelxj" |
| | | :controlsc="false" |
| | | :multiplechoice="false" |
| | | /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | align="center" |
| | | key="id" |
| | | prop="id" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="宣æåç§°" |
| | | align="center" |
| | | sortable |
| | | key="name" |
| | | prop="name" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="å®£ææ¨¡æ¿" |
| | | align="center" |
| | | key="impTemplate" |
| | | prop="impTemplate" |
| | | /> |
| | | <el-table-column |
| | | label="åå»ºæ¥æ" |
| | | align="center" |
| | | key="create_time" |
| | | prop="create_time" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="å建人" |
| | | align="center" |
| | | key="update_by" |
| | | prop="update_by" |
| | | sortable |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="120" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-promotion"></i>å¼å§æ§è¡</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="ä»»å¡è¯¦æ
" |
| | | align="center" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-xq" |
| | | ><i class="el-icon-s-data"></i>éæ©</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | |
| | | icon="el-icon-plus" |
| | | size="medium" |
| | | :disabled="!tasktopic" |
| | | @click="handleAdd" |
| | | v-hasPermi="['system:user:add']" |
| | | @click="handleAddpatient" |
| | | >æ°å¢</el-button |
| | | > |
| | | </el-col> |
| | |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="1.5"> </el-col> --> |
| | | </el-row> |
| | | <!-- <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | :columns="columns" |
| | | ></right-toolbar> --> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="50" |
| | | align="center" |
| | | <!-- é䏿£è
å表 --> |
| | | <SFtable |
| | | @handleUpdate="handleUpdate" |
| | | @handleSelectionChange="handleSelectionChange" |
| | | :currentList="sonuserList" |
| | | :tableLabel="tableLabelhz" |
| | | :controlxz="false" |
| | | /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | align="center" |
| | | key="id" |
| | | prop="id" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="ä»»å¡åç§°" |
| | | align="center" |
| | | sortable |
| | | key="name" |
| | | prop="name" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="æå¡æ¨¡æ¿" |
| | | align="center" |
| | | key="impTemplate" |
| | | prop="impTemplate" |
| | | /> |
| | | <el-table-column |
| | | label="åå»ºæ¥æ" |
| | | align="center" |
| | | key="create_time" |
| | | prop="create_time" |
| | | /> |
| | | <el-table-column |
| | | label="æ§è¡ç¶æ" |
| | | align="center" |
| | | key="phonenumber" |
| | | prop="phonenumber" |
| | | width="120" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="æ§è¡ç¶æ" |
| | | align="center" |
| | | key="topicnumber" |
| | | prop="topicnumber" |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div>æ§è¡å®æ/æ§è¡å¤±è´¥</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æ´æ°äºº" |
| | | align="center" |
| | | key="update_by" |
| | | prop="update_by" |
| | | sortable |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="æ´æ°æ¶é´" |
| | | sortable |
| | | align="center" |
| | | prop="update_time" |
| | | width="160" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="120" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-zx" |
| | | ><i class="el-icon-s-promotion"></i>å¼å§æ§è¡</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="ä»»å¡è¯¦æ
" |
| | | align="center" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-xq" |
| | | ><i class="el-icon-s-data"></i>详æ
</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-bb" |
| | | ><i class="el-icon-s-order"></i>æ¥è¡¨</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-sc" |
| | | ><i class="el-icon-delete"></i>å é¤</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <el-table |
| | | v-loading="patientloading" |
| | | :data="patientuserList" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | align="center" |
| | | key="patid" |
| | | prop="patid" |
| | | <!-- éæ©æ£è
å表 --> |
| | | <SFtable |
| | | @handleUpdate="handleUpdate" |
| | | @handleSelectionChange="handleSelectionChange" |
| | | :currentList="patientuserList" |
| | | :tableLabel="tableLabelhz" |
| | | :controlsc="false" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="æ£è
åç§°" |
| | | align="center" |
| | | sortable |
| | | key="name" |
| | | prop="name" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="æ£è
æ¥æº" |
| | | align="center" |
| | | key="source" |
| | | prop="source" |
| | | /> |
| | | <el-table-column |
| | | label="ææºå·ç " |
| | | align="center" |
| | | key="telcode" |
| | | prop="telcode" |
| | | width="120" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="ä»»å¡è¯¦æ
" |
| | | align="center" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-xq" |
| | | ><i class="el-icon-s-data"></i>详æ
</span |
| | | ></el-button |
| | | > |
| | | |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-sc" |
| | | ><i class="el-icon-delete"></i>å é¤</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-row> |
| | | <pagination |
| | | v-show="patienttotal > 0" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | listsvr_prjtask, |
| | | getsvr_prjtask, |
| | | addsvr_prjtask, |
| | | updatesvr_prjtask, |
| | | delsvr_prjtask, |
| | | Addpatienttask, |
| | | } from "@/api/smartorpor/svr_prjtask"; |
| | | import { listsvr_prjtask, Addpatienttask } from "@/api/smartorpor/svr_prjtask"; |
| | | import { listpat_archive } from "@/api/smartorpor/pat_archive"; |
| | | import { listsvr_prjtaskline } from "@/api/smartorpor/svr_prjtaskline"; |
| | | import { messagelistpatient } from "@/api/patient/homepage"; |
| | | import SFtable from "@/components/SFtable"; //è¡¨æ ¼ç»ä»¶ |
| | | |
| | | export default { |
| | | name: "ServiceDetails", |
| | | data() { |
| | | return { |
| | | title: "宣æå
容å表", |
| | | currenttype: 1, //1宣æ2é¨è¯3åºé¢4å¤è¯5使£6é®å· |
| | | Editprogress: 1, //ç¼è¾è¿åº¦ |
| | | loading: false, // é®ç½©å± |
| | | patientloading: false, // é®ç½©å± |
| | | dialogVisible: false, //ä»»å¡è¯¦æ
å¼¹æ¡ |
| | | dialogVisiblepatient: false, //æ·»å æ£è
å¼¹æ¡ |
| | | checkboxlist: [], |
| | | tableLabel: [], |
| | | // æ£è
表å |
| | | tableLabelhz: [ |
| | | { label: "æ£è
åç§°", width: "", prop: "name" }, |
| | | { label: "æ§å«", width: "", prop: "sex" }, |
| | | { label: "å¹´é¾", width: "", prop: "age" }, |
| | | { label: "å°±è¯ç§å®¤", width: "", prop: "impTemplate" }, |
| | | { label: "å
¥é¢æ¥æ", width: "", prop: "create_time" }, |
| | | { label: "å建人", width: "", prop: "update_by" }, |
| | | ], |
| | | tableLabelxj: [ |
| | | { label: "宣æåç§°", width: "", prop: "name" }, |
| | | { label: "å®£ææ¨¡ç", width: "", prop: "impTemplate" }, |
| | | { label: "åå»ºæ¥æ", width: "", prop: "create_time" }, |
| | | { label: "å建人", width: "", prop: "update_by" }, |
| | | ], |
| | | tableLabelmz: [ |
| | | { label: "é访åç§°", width: "118", prop: "name" }, |
| | | { label: "é访模ç", width: "130", prop: "impTemplate" }, |
| | | { label: "åå»ºæ¥æ", width: "136", prop: "create_time" }, |
| | | { label: "å建人", width: "130", prop: "update_by" }, |
| | | ], |
| | | tableLabelcy: [ |
| | | { label: "é访åç§°", width: "118", prop: "name" }, |
| | | { label: "é访计å", width: "130", prop: "impTemplate" }, |
| | | { label: "åå»ºæ¥æ", width: "136", prop: "create_time" }, |
| | | { label: "å建人", width: "130", prop: "update_by" }, |
| | | ], |
| | | tableLabelfz: [ |
| | | { label: "éç¥åç§°", width: "118", prop: "name" }, |
| | | { label: "éç¥æ¨¡ç", width: "130", prop: "impTemplate" }, |
| | | { label: "åå»ºæ¥æ", width: "136", prop: "create_time" }, |
| | | { label: "å建人", width: "130", prop: "update_by" }, |
| | | ], |
| | | tableLabeltj: [ |
| | | { label: "éç¥åç§°", width: "118", prop: "name" }, |
| | | { label: "éç¥æ¨¡ç", width: "130", prop: "impTemplate" }, |
| | | { label: "åå»ºæ¥æ", width: "136", prop: "create_time" }, |
| | | { label: "å建人", width: "130", prop: "update_by" }, |
| | | ], |
| | | tableLabelwj: [ |
| | | { label: "é®å·åç§°", width: "118", prop: "name" }, |
| | | { label: "é®å·æ¨¡ç", width: "130", prop: "impTemplate" }, |
| | | { label: "åå»ºæ¥æ", width: "136", prop: "create_time" }, |
| | | { label: "å建人", width: "130", prop: "update_by" }, |
| | | ], |
| | | topqueryParams: { |
| | | pageNum: 1, // |
| | | pageSize: 10, |
| | |
| | | // éå¤ä¸ªç¦ç¨ |
| | | multiple: true, |
| | | // ç¨æ·è¡¨æ ¼æ°æ® |
| | | userList: null, |
| | | patientuserList: null, |
| | | sonuserList: null, |
| | | userList: [], //模çå表 |
| | | patientuserList: [], //éæ©æ£è
å表 |
| | | sonuserList: [], //é䏿£è
å表 |
| | | tasktopic: null, //æ°å¢ç±»å |
| | | form: { |
| | | name: "", |
| | |
| | | { |
| | | value: "é项2", |
| | | label: "åç®å¥¶", |
| | | }, |
| | | { |
| | | value: "é项3", |
| | | label: "èµä»ç
", |
| | | }, |
| | | { |
| | | value: "é项4", |
| | | label: "é¾é¡»é¢", |
| | | }, |
| | | { |
| | | value: "é项5", |
| | |
| | | quote: false, |
| | | }; |
| | | }, |
| | | components: { SFtable }, |
| | | |
| | | created() { |
| | | this.Addsubtask(); |
| | | this.Getsubtask(); |
| | | this.Acquisitiontype(); |
| | | }, |
| | | |
| | | methods: { |
| | | // è·åå½åç±»å |
| | | Acquisitiontype() { |
| | | this.currenttype = this.$route.query.type; |
| | | console.log(this.currenttype); |
| | | if (this.currenttype == 1) { |
| | | this.title = "宣æå
容å表"; |
| | | this.tableLabel = this.tableLabelxj; |
| | | this.checkboxlist = [ |
| | | "å½é¢", |
| | | "å¤åªä½", |
| | | "纸质", |
| | | "çµè¯", |
| | | "çä¿¡", |
| | | "微信å
¬ä¼å·", |
| | | "微信å°ç¨åº", |
| | | "éé", |
| | | ]; |
| | | } else if (this.currenttype == 2) { |
| | | this.title = "é访å
容å表"; |
| | | this.tableLabel = this.tableLabelmz; |
| | | this.checkboxlist = ["å½é¢", "纸质", "çµè¯", "çä¿¡", "微信å
¬ä¼å·"]; |
| | | } else if (this.currenttype == 3) { |
| | | this.title = "é访计åå表"; |
| | | this.tableLabel = this.tableLabelcy; |
| | | this.checkboxlist = ["å½é¢", "纸质", "çµè¯", "çä¿¡", "微信å
¬ä¼å·"]; |
| | | } else if (this.currenttype == 4) { |
| | | this.title = "éç¥å
容å表"; |
| | | this.tableLabel = this.tableLabelfz; |
| | | this.checkboxlist = ["çµè¯", "çä¿¡", "微信å
¬ä¼å·"]; |
| | | } else if (this.currenttype == 5) { |
| | | this.title = "éç¥å
容å表"; |
| | | this.tableLabel = this.tableLabeltj; |
| | | this.checkboxlist = ["纸质", "çµè¯", "çä¿¡", "微信å
¬ä¼å·"]; |
| | | } else if (this.currenttype == 6) { |
| | | this.title = "é®å·å
容å表"; |
| | | this.tableLabel = this.tableLabelwj; |
| | | this.checkboxlist = [ |
| | | "å½é¢", |
| | | "å¤åªä½", |
| | | "纸质", |
| | | "çµè¯", |
| | | "çä¿¡", |
| | | "微信å
¬ä¼å·", |
| | | "微信å°ç¨åº", |
| | | "éé", |
| | | ]; |
| | | } |
| | | }, |
| | | // ä¸ä¸æ¥ |
| | | submitForm(formName) { |
| | | if (this.Editprogress <= 3) { |
| | |
| | | // } |
| | | // }); |
| | | }, |
| | | // åä»»å¡ä¸çº§å¼¹æ¡ |
| | | handleAdd() { |
| | | this.multiple = true; |
| | | listsvr_prjtaskline(this.deliverytopqueryParams).then((response) => { |
| | | console.log(response); |
| | | this.sonuserList = response.rows; |
| | | this.sontotal = response.total; |
| | | this.loading = false; |
| | | }); |
| | | this.dialogVisible = true; |
| | | }, |
| | | // åä»»å¡äºçº§å¼¹æ¡ |
| | | handleAddpatient() { |
| | | console.log(this.multiple); |
| | | listpat_archive(this.patientqueryParams).then((response) => { |
| | | handleAddpatient(row) { |
| | | console.log(row, "åç»ä»¶æ°æ®"); |
| | | messagelistpatient(this.patientqueryParams).then((response) => { |
| | | console.log(response); |
| | | this.patientuserList = response.rows; |
| | | this.patienttotal = response.total; |
| | |
| | | getList() {}, |
| | | handleQuery() {}, |
| | | resetQuery() {}, |
| | | handleCloserw() { |
| | | this.dialogVisible = false; |
| | | }, |
| | | handleClosehz() { |
| | | this.dialogVisiblepatient = false; |
| | | }, |
| | |
| | | Getsubtask() { |
| | | this.topqueryParams.pguid = 2; |
| | | console.log(this.topqueryParams); |
| | | // this.topqueryParams.pid = this.$route.query.id; |
| | | // console.log(this.topqueryParams.pid); |
| | | listsvr_prjtask(this.topqueryParams).then((res) => { |
| | | messagelistpatient(this.topqueryParams).then((res) => { |
| | | this.userList = res.rows; |
| | | this.total = res.total; |
| | | console.log(this.userList); |
| | |
| | | // 跳转详æ
页 |
| | | Seedetails() { |
| | | this.$router.push({ |
| | | path: "/followvisit/record/detailpage/", |
| | | query: { id: "1" }, |
| | | path: "/followvisit/particty", |
| | | query: { type: 6 }, |
| | | }); |
| | | }, |
| | | // 导å
¥æé® |
| | |
| | | // 跳转详æ
页 |
| | | Seedetails() { |
| | | this.$router.push({ |
| | | path: "/followvisit/record/detailpage/", |
| | | query: { id: "1" }, |
| | | path: "/followvisit/particty", |
| | | query: { type: 4 }, |
| | | }); |
| | | }, |
| | | // 导å
¥æé® |
| | |
| | | <template> |
| | | <div></div> |
| | | <div class="Questionnairemanagement"> |
| | | <!-- 左侧æ --> |
| | | <div class="sidecolumn"> |
| | | <div class="sidecolumn-top"> |
| | | <div class="top-wj">éç¥ç±»å</div> |
| | | <div class="top-tj" @click="dialogFormVisible = true">+æ·»å </div> |
| | | </div> |
| | | <div class="center-ss"> |
| | | <el-input |
| | | placeholder="请è¾å
¥å
容" |
| | | v-model="sidecolumnval" |
| | | class="input-with-select" |
| | | size="medium " |
| | | > |
| | | <el-button |
| | | @click="sidecolumnss" |
| | | slot="append" |
| | | icon="el-icon-search" |
| | | ></el-button> |
| | | </el-input> |
| | | </div> |
| | | <div class="bottom-fl"> |
| | | <el-tabs tab-position="right"> |
| | | <el-tab-pane :label="`å
¨é¨ (${numberlb})`"></el-tab-pane> |
| | | <el-tab-pane |
| | | class="tab-paness" |
| | | :key="item.title" |
| | | v-for="(item, index) in editableTabs" |
| | | > |
| | | <span slot="label"> |
| | | {{ |
| | | item.title + " (" + item.number + ")" |
| | | }}   <el-popover |
| | | placement="top-start" |
| | | width="100" |
| | | trigger="hover" |
| | | > |
| | | <div style="text-align: center"> |
| | | <el-button type="text" @click="popoveramend(item)" |
| | | >ä¿®æ¹</el-button |
| | | ><el-button type="text" @click="deletefenlei(item)" |
| | | ><span style="color: rgb(173, 55, 55)" |
| | | >å é¤</span |
| | | ></el-button |
| | | > |
| | | </div> |
| | | <i slot="reference" class="el-icon-share"></i> </el-popover |
| | | ></span> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | <!-- å³ä¾§æ°æ® --> |
| | | <div class="leftvlue"> |
| | | <div class="leftvlue-bg"> |
| | | <el-row :gutter="20"> |
| | | <!--ç¨æ·æ°æ®--> |
| | | <el-col :span="24" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="98px" |
| | | > |
| | | <el-form-item label="éç¥ç±»å" prop="userName"> |
| | | <el-select |
| | | v-model="queryParams.statustype" |
| | | placeholder="è¯·éæ©" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="éç¥æ¹å¼" prop="status"> |
| | | <el-select v-model="queryParams.status" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in optionss" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="éç¥å
容" prop="status"> |
| | | <el-select |
| | | v-model="optionvalue" |
| | | multiple |
| | | filterable |
| | | remote |
| | | reserve-keyword |
| | | placeholder="请è¾å
¥å
容å
³é®è¯" |
| | | :remote-method="remoteMethod" |
| | | :loading="loadingvalue" |
| | | > |
| | | <el-option |
| | | v-for="item in optionsvalue" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="medium" |
| | | @click="handleQuery" |
| | | >æç´¢</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-refresh" |
| | | size="medium" |
| | | @click="resetQuery" |
| | | >éç½®</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-divider></el-divider> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="medium" |
| | | @click="handleAdd" |
| | | v-hasPermi="['system:user:add']" |
| | | >æ°å¢</el-button |
| | | > |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="medium" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:user:remove']" |
| | | >å é¤</el-button |
| | | > |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="1.5"> </el-col> --> |
| | | </el-row> |
| | | <!-- <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | :columns="columns" |
| | | ></right-toolbar> --> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="userList" |
| | | border="true" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | align="center" |
| | | key="userId" |
| | | prop="userId" |
| | | /> |
| | | <el-table-column |
| | | label="éç¥æ¹å¼" |
| | | align="center" |
| | | key="userName" |
| | | prop="userName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="éç¥å
容" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="çæ¬" |
| | | align="center" |
| | | key="nickName" |
| | | prop="nickName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="éç¨ç¾ç
" |
| | | align="center" |
| | | key="aphonenumber" |
| | | prop="aphonenumber" |
| | | width="120" |
| | | /><el-table-column |
| | | label="éç¨ç§å®¤" |
| | | align="center" |
| | | key="bphonenumber" |
| | | prop="bphonenumber" |
| | | width="120" |
| | | /> |
| | | <el-table-column |
| | | label="å¯ç¨ç¶æ" |
| | | align="center" |
| | | key="cphonenumber" |
| | | prop="cphonenumber" |
| | | width="120" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | width="300" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="goQRCode(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | > |
| | | <span class="button-text" |
| | | ><i class="el-icon-edit"></i>äºç»´ç </span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="ViewQuestionnaire(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textck" |
| | | ><i class="el-icon-edit"></i>æ¥ç</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:user:edit']" |
| | | ><span class="button-textxg" |
| | | ><i class="el-icon-edit"></i>ä¿®æ¹</span |
| | | ></el-button |
| | | > |
| | | <el-button |
| | | size="medium" |
| | | type="text" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:user:remove']" |
| | | ><span class="button-textsc" |
| | | ><i class="el-icon-edit"></i>å é¤</span |
| | | ></el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <!-- æ·»å æä¿®æ¹éç¥é
ç½®å¯¹è¯æ¡ --> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="900px" |
| | | append-to-body |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="å§å" prop="nickName"> |
| | | <el-input |
| | | v-model="form.nickName" |
| | | placeholder="请è¾å
¥å§å" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ§å«" prop="deptId"> |
| | | <el-select v-model="form.sex" placeholder="è¯·éæ©æ§å«"> |
| | | <el-option |
| | | v-for="dict in dict.type.sys_user_sex" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="è¯ä»¶ç±»å" prop="phonenumber"> |
| | | <el-input |
| | | v-model="form.phonenumber" |
| | | placeholder="è¯·éæ©è¯ä»¶ç±»å" |
| | | maxlength="11" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="è¯ä»¶å·" prop="email"> |
| | | <el-input |
| | | v-model="form.email" |
| | | placeholder="请è¾å
¥è¯ä»¶å·" |
| | | maxlength="50" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ¬äººææºå·" prop="userName"> |
| | | <el-input |
| | | v-model="form.userName" |
| | | placeholder="请è¾å
¥ææºå·" |
| | | maxlength="30" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="äº²å±ææºå·" prop="password"> |
| | | <el-input |
| | | v-model="form.password" |
| | | placeholder="请è¾å
¥äº²å±ææºå·" |
| | | type="password" |
| | | maxlength="20" |
| | | show-password |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="æ£è
æ ç¾"> |
| | | <el-cascader |
| | | :options="optionss" |
| | | :props="propss" |
| | | clearable |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="夿³¨"> |
| | | <el-input |
| | | v-model="form.remark" |
| | | type="textarea" |
| | | placeholder="请è¾å
¥å
容" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">ç¡® å®</el-button> |
| | | <el-button @click="cancel">å æ¶</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | <!-- æ·»å ç±»å«å¼¹æ¡ --> |
| | | <el-dialog |
| | | :title="amendtag ? 'ä¿®æ¹ç±»å«' : 'æ°å¢ç±»å«'" |
| | | width="30%" |
| | | :visible.sync="dialogFormVisible" |
| | | > |
| | | <el-form :model="classifyform"> |
| | | <el-form-item |
| | | :label="amendtag ? '请è¾å
¥æ°çç±»å«åç§°' : '请è¾å
¥ç±»å«åç§°'" |
| | | > |
| | | <el-input |
| | | v-model="classifyform.categoryname" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogFormVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="submitsidecolumn">ç¡® å®</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- å é¤ç±»å«ç¡®è®¤æ¡ --> |
| | | <el-dialog title="è¦å" :visible.sync="deleteVisible" width="40%"> |
| | | <div style="font-size: 20px; color: rgb(247, 76, 76)"> |
| | | æ¯å¦ç¡®è®¤å é¤åç±»ï¼[<span>{{ deletefenl }}</span |
| | | >]? |
| | | </div> |
| | | <div style="font-size: 20px"> |
| | | æ¤æä½ä¼å°è¯¥ç±»å«ä¸æææ¨¡å转移è³[æªåç±»]ï¼æ¯å¦ç»§ç»å 餿¤åç±»ï¼ |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="deleteVisible = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="deletefenlei">ç¡® å®</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <!-- äºç»´ç å±ç¤ºå¼¹æ¡ --> |
| | | <el-dialog width="30%" :visible.sync="goQRCodeVisible"> |
| | | <div class="qrcode-dialo"> |
| | | <div class="qrcode-text"> |
| | | {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span> |
| | | </div> |
| | | <div class="qrcode-img"></div> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | listUser, |
| | | getUser, |
| | | delUser, |
| | | addUser, |
| | | updateUser, |
| | | } from "@/api/system/user"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import Treeselect from "@riophae/vue-treeselect"; |
| | | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
| | | export default { |
| | | name: "questionnaire", |
| | | dicts: ["sys_normal_disable", "sys_user_sex"], |
| | | components: { Treeselect }, |
| | | data() { |
| | | return {}; |
| | | return { |
| | | topactiveName: "Local", //é¡¶é¨éæ© |
| | | // é®ç½©å± |
| | | loading: false, |
| | | // é䏿°ç» |
| | | ids: [], |
| | | // éå个ç¦ç¨ |
| | | single: true, |
| | | // éå¤ä¸ªç¦ç¨ |
| | | multiple: true, |
| | | // æ¾ç¤ºæç´¢æ¡ä»¶ |
| | | showSearch: true, |
| | | // æ»æ¡æ° |
| | | total: 0, |
| | | namequestionnaire: "", |
| | | haoquestionnaire: "", |
| | | // ç¨æ·è¡¨æ ¼æ°æ® |
| | | userList: [ |
| | | { |
| | | userid: 1, |
| | | userName: "ä¸å·éç¥", |
| | | nickName: "1.2.4", |
| | | aphonenumber: "å
³èçç", |
| | | bphonenumber: "徿£", |
| | | cphonenumber: "2022-12-12 ", |
| | | }, |
| | | ], |
| | | // å¼¹åºå±æ é¢ |
| | | title: "", |
| | | // æ¯å¦æ¾ç¤ºå¼¹åºå± |
| | | open: false, |
| | | // æ¥æèå´ |
| | | dateRange: [], |
| | | // å²ä½é项 |
| | | postOptions: [], |
| | | // è§è²é项 |
| | | roleOptions: [], |
| | | // 表ååæ° |
| | | form: {}, |
| | | numberlb: 22, |
| | | numberlbs: 2, |
| | | sidecolumnform: {}, //æ·»å ç±»å«è¡¨å |
| | | goQRCodeVisible: false, //äºç»´ç å¼¹æ¡ |
| | | sidecolumnval: "", //ç±»å«æç´¢ |
| | | propss: { multiple: true }, |
| | | idds: "", |
| | | amendtag: false, //æ¯å¦ä¿®æ¹ç±»å« |
| | | dialogFormVisible: false, //ä¿®æ¹æ·»å ç±»å«å¼¹æ¡ |
| | | deleteVisible: false, //åç±»å é¤å¼¹æ¡ |
| | | deletefenl: "é«è¡å", //å é¤é¡¹ |
| | | classifyform: { |
| | | categoryname: "", |
| | | }, //ç±»å«è¡¨å |
| | | optionss: [ |
| | | { |
| | | value: 1, |
| | | label: "çä¿¡", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "微信/éé", |
| | | }, |
| | | ], |
| | | options: [ |
| | | { |
| | | value: 1, |
| | | label: "æå", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "è¯é³", |
| | | }, |
| | | ], |
| | | optionsvalue: [], |
| | | optionvalue: [], |
| | | valuelist: [], |
| | | loadingvalue: false, |
| | | states: [ |
| | | "Alabama", |
| | | "Alaska", |
| | | "Arizona", |
| | | "Arkansas", |
| | | "California", |
| | | "Colorado", |
| | | "Connecticut", |
| | | "Delaware", |
| | | "Florida", |
| | | "Georgia", |
| | | "Hawaii", |
| | | "Idaho", |
| | | "Illinois", |
| | | "Indiana", |
| | | "Iowa", |
| | | "Kansas", |
| | | "Kentucky", |
| | | "Louisiana", |
| | | "Maine", |
| | | "Maryland", |
| | | ], |
| | | //ç±»å«å表 |
| | | editableTabs: [ |
| | | { |
| | | title: "éç¥åç±»ä¸", |
| | | number: "1", |
| | | }, |
| | | { |
| | | title: "éç¥åç±»äº", |
| | | number: "2", |
| | | }, |
| | | { |
| | | title: "éç¥åç±»ä¸", |
| | | number: "2", |
| | | }, |
| | | { |
| | | title: "éç¥åç±»å", |
| | | number: "2", |
| | | }, |
| | | { |
| | | title: "éç¥åç±»äº", |
| | | number: "2", |
| | | }, |
| | | ], |
| | | // æ¥è¯¢åæ° |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | userName: undefined, |
| | | phonenumber: undefined, |
| | | status: undefined, |
| | | deptId: undefined, |
| | | IDnumber: undefined, |
| | | }, |
| | | // åä¿¡æ¯ |
| | | columns: [ |
| | | { key: 0, label: `ç¨æ·ç¼å·`, visible: true }, |
| | | { key: 1, label: `ç¨æ·åç§°`, visible: true }, |
| | | { key: 2, label: `ç¨æ·æµç§°`, visible: true }, |
| | | { key: 3, label: `é¨é¨`, visible: true }, |
| | | { key: 4, label: `ææºå·ç `, visible: true }, |
| | | { key: 5, label: `ç¶æ`, visible: true }, |
| | | { key: 6, label: `å建æ¶é´`, visible: true }, |
| | | ], |
| | | // è¡¨åæ ¡éª |
| | | rules: { |
| | | userName: [ |
| | | { required: true, message: "ç¨æ·åç§°ä¸è½ä¸ºç©º", trigger: "blur" }, |
| | | { |
| | | min: 2, |
| | | max: 20, |
| | | message: "ç¨æ·åç§°é¿åº¦å¿
é¡»ä»äº 2 å 20 ä¹é´", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | nickName: [ |
| | | { required: true, message: "ç¨æ·æµç§°ä¸è½ä¸ºç©º", trigger: "blur" }, |
| | | ], |
| | | password: [ |
| | | { required: true, message: "ç¨æ·å¯ç ä¸è½ä¸ºç©º", trigger: "blur" }, |
| | | { |
| | | min: 5, |
| | | max: 20, |
| | | message: "ç¨æ·å¯ç é¿åº¦å¿
é¡»ä»äº 5 å 20 ä¹é´", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | email: [ |
| | | { |
| | | type: "email", |
| | | message: "请è¾å
¥æ£ç¡®çé®ç®±å°å", |
| | | trigger: ["blur", "change"], |
| | | }, |
| | | ], |
| | | phonenumber: [ |
| | | { |
| | | pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, |
| | | message: "请è¾å
¥æ£ç¡®çææºå·ç ", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | IDnumber: [ |
| | | { |
| | | pattern: |
| | | /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/, |
| | | message: "请è¾å
¥æ£ç¡®ç身份è¯å·ç ", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | | watch: {}, |
| | | created() { |
| | | this.getList(); |
| | | }, |
| | | mounted() { |
| | | this.valuelist = this.states.map((item) => { |
| | | return { value: `value:${item}`, label: `æ é¢:${item}` }; |
| | | }); |
| | | }, |
| | | |
| | | created() {}, |
| | | methods: { |
| | | /** æ¥è¯¢ç¨æ·å表 */ |
| | | getList() { |
| | | // this.loading = true; |
| | | listUser().then((response) => { |
| | | console.log(response); |
| | | // this.userList = response.data; |
| | | // this.total = response.total; |
| | | // this.loading = false; |
| | | console.log(this.userList); |
| | | }); |
| | | // const { rows } = await listUser(); |
| | | // console.log(rows); |
| | | // this.list = rows; |
| | | }, |
| | | // æ·»å ãä¿®æ¹ç±»å« |
| | | submitsidecolumn() { |
| | | if (this.amendtag) { |
| | | this.classifyform.tagcategoryid = this.idds; |
| | | // toamendtagcategory(this.addDateRange(this.classifyform)).then( |
| | | // (response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // } |
| | | // ); |
| | | } else { |
| | | // addtagcategory(this.addDateRange(this.classifyform)).then( |
| | | // (response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // } |
| | | // ); |
| | | } |
| | | this.classifyform = { |
| | | categoryname: "", |
| | | }; |
| | | this.idds = ""; |
| | | this.dialogFormVisible = false; |
| | | }, |
| | | // æ¨¡ç³æ¥è¯¢ |
| | | remoteMethod(query) { |
| | | if (query !== "") { |
| | | this.loadingvalue = true; |
| | | setTimeout(() => { |
| | | this.loadingvalue = false; |
| | | this.optionsvalue = this.valuelist.filter((item) => { |
| | | return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1; |
| | | }); |
| | | }, 200); |
| | | } else { |
| | | this.optionsvalue = []; |
| | | } |
| | | }, |
| | | //å é¤åç±» |
| | | deletefenlei(row) { |
| | | if (this.deleteVisible) { |
| | | // deletetagcategory(this.idds).then((response) => { |
| | | // console.log(response); |
| | | // this.gitclasify(); |
| | | // }); |
| | | this.deleteVisible = false; |
| | | this.idds = ""; |
| | | } else { |
| | | this.deleteVisible = true; |
| | | this.idds = row.tagcategoryid; |
| | | this.deletefenl = row.title; |
| | | } |
| | | }, |
| | | //æç´¢ç±»å« |
| | | sidecolumnss() {}, |
| | | // 忢å
±äº«/æ¬å° |
| | | tophandleClick() {}, |
| | | // åæ¶æé® |
| | | cancel() { |
| | | this.open = false; |
| | | this.reset(); |
| | | }, |
| | | goQRCode(row) { |
| | | this.goQRCodeVisible = true; |
| | | this.namequestionnaire = row.userName; |
| | | this.haoquestionnaire = row.nickName; |
| | | }, |
| | | // 表åéç½® |
| | | reset() { |
| | | this.form = { |
| | | userId: undefined, |
| | | deptId: undefined, |
| | | userName: undefined, |
| | | nickName: undefined, |
| | | password: undefined, |
| | | phonenumber: undefined, |
| | | email: undefined, |
| | | sex: undefined, |
| | | status: "0", |
| | | remark: undefined, |
| | | postIds: [], |
| | | roleIds: [], |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** æç´¢æé®æä½ */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | }, |
| | | /** éç½®æé®æä½ */ |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.queryParams.deptId = undefined; |
| | | this.$refs.tree.setCurrentKey(null); |
| | | this.handleQuery(); |
| | | }, |
| | | // å¤éæ¡é䏿°æ® |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map((item) => item.userId); |
| | | this.single = selection.length != 1; |
| | | this.multiple = !selection.length; |
| | | }, |
| | | /** æ°å¢æé®æä½ */ |
| | | handleAdd() { |
| | | this.$router.push({ |
| | | path: "/knowledge/questionnaire/compilequer/", |
| | | }); |
| | | }, |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | | this.$router.push({ |
| | | path: "/knowledge/questionnaire/compilequer/", |
| | | query: { id: "1" }, |
| | | }); |
| | | }, |
| | | // æ¥çéç¥ |
| | | ViewQuestionnaire() { |
| | | this.$router.push({ |
| | | path: "/knowledge/questionnaire/examine/", |
| | | query: { id: "1" }, |
| | | }); |
| | | }, |
| | | |
| | | methods: {}, |
| | | /** æ´æ°/ä¿®æ¹æäº¤æé® */ |
| | | submitForm: function () { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | if (this.form.userId != undefined) { |
| | | updateUser(this.form).then((response) => { |
| | | this.$modal.msgSuccess("ä¿®æ¹æå"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } else { |
| | | addUser(this.form).then((response) => { |
| | | this.$modal.msgSuccess("æ°å¢æå"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | /** å é¤æé®æä½ */ |
| | | handleDelete(row) { |
| | | const userIds = row.userId || this.ids; |
| | | this.$modal |
| | | .confirm('æ¯å¦ç¡®è®¤å é¤ç¨æ·ç¼å·ä¸º"' + userIds + '"çæ°æ®é¡¹ï¼') |
| | | .then(function () { |
| | | return delUser(userIds); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("å 餿å"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |
| | | <style lang="scss" scoped> |
| | | .Questionnairemanagement { |
| | | display: flex; |
| | | } |
| | | .sidecolumn { |
| | | width: 300px; |
| | | min-height: 100vh; |
| | | text-align: center; |
| | | // display: flex; |
| | | margin-top: 20px; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #edf1f7; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .sidecolumn-top { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .top-wj { |
| | | font-size: 20px; |
| | | } |
| | | .top-tj { |
| | | font-size: 18px; |
| | | |
| | | color: rgb(0, 89, 255); |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .center-ss { |
| | | margin-top: 30px; |
| | | .input-with-select { |
| | | height: 40px !important; |
| | | } |
| | | } |
| | | .bottom-fl { |
| | | margin-top: 30px; |
| | | display: center !important; |
| | | } |
| | | } |
| | | .qrcode-dialo { |
| | | text-align: center; |
| | | // display: flex; |
| | | margin: 20px; |
| | | padding: 30px; |
| | | background: #edf1f7; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .qrcode-text { |
| | | font-size: 20px; |
| | | span { |
| | | margin-left: 20px; |
| | | } |
| | | } |
| | | .qrcode-img { |
| | | width: 300px; |
| | | height: 400px; |
| | | } |
| | | } |
| | | ::v-deep.el-tabs--left, |
| | | .el-tabs--right { |
| | | overflow: hidden; |
| | | align-items: center; |
| | | display: flex; |
| | | } |
| | | ::v-deep.el-input--medium .el-input__inner { |
| | | height: 40px !important; |
| | | } |
| | | ::v-deep.el-tabs--right .el-tabs__active-bar.is-right { |
| | | height: 40px; |
| | | width: 5px; |
| | | left: 0; |
| | | } |
| | | ::v-deep.el-tabs--right .el-tabs__item.is-right { |
| | | display: block; |
| | | font-size: 20px; |
| | | } |
| | | .leftvlue { |
| | | // display: flex; |
| | | // flex: 1; |
| | | width: 80%; |
| | | margin-top: 20px; |
| | | // margin: 20px; |
| | | padding: 30px; |
| | | background: #ffff; |
| | | border: 1px solid #dcdfe6; |
| | | -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), |
| | | 0 0 6px 0 rgba(0, 0, 0, 0.04); |
| | | .mulsz { |
| | | font-size: 20px; |
| | | } |
| | | } |
| | | .button-text { |
| | | color: rgb(70, 204, 238); |
| | | } |
| | | .button-textck { |
| | | color: rgb(39, 167, 67); |
| | | } |
| | | .button-textxg { |
| | | color: rgb(35, 81, 233); |
| | | } |
| | | .button-textsc { |
| | | color: rgb(235, 23, 23); |
| | | } |
| | | </style> |
| | |
| | | |
| | | methods: { |
| | | /** æ¥è¯¢æ ç¾å表 */ |
| | | getList() { |
| | | getList(row) { |
| | | console.log(row); |
| | | console.log(this.queryParams); |
| | | listtag(this.addDateRange(this.queryParams)).then((response) => { |
| | | console.log(response); |
| | | this.total = response.total; |
| | | this.userList = response.rows; |
| | | }); |